为什莫vue中使用了keep-alive里面的activated会被触发两次?

发布于 2022-09-13 00:17:28 字数 779 浏览 30 评论 0

为什莫vue中使用了keep-alive里面的activated会被触发两次?

1.在当前NewlyBuild页面下(即新建信息页面)有四个子组件,他们对应的步骤条的切换,步骤条每切换一次,就会触发各自对应的子组件,

image.png

现在有一个需求,(当前的NewlyBuild代表的是tabs栏上面的新建信息),点击其他tabs栏上面的标签,再重新切换NewlyBuild这个新建信息页面,数据不会丢失,于是我想到用keep-alive
image.png

然后我在router-view上面的做判断,在NewlyBuild的元信息(meta)中的加入了对当前页面是否需要做缓存进行了状态的判断

image.png

============================================================

image.png

结果在某一个子组件中在acvitated中的方法会被触发两次,而不是一次,这究竟什么原因造成的,请路过大佬指导一下吧

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

微凉徒眸意 2022-09-20 00:17:28

建议使用keep-aliveinclude属性或include代替v-if的写法,有可能是这个原因导致的。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文