vue-route|vue-route 切换视图不更新

2021-10-10

问题：
在使用了相同组件之后，切换路由，不执行created 和 mounted 方法，无法获取数据
例如：从 /gameInfo 切换到 /gameInfo/details 只有第一次切换的时候，会执行 mounted，之后就不会执行 mounted了。
解决：
1，通过 watch 监听当前页面的 route 变化

watch: { '$route': function() { // 首页刷新之后,第一次没有监听 route ,第二次之后,才开始执行 console.log('route',this.$route) } },

2，在添加 key 属性

以上是网上的解决方法。
但我遇到的问题，依旧没有解决，最后排查发现，是的位置有问题。

// layout/index.vue

【vue-route|vue-route 切换视图不更新】此时监听的是外面的导航，所以，当我点击组件里的导航栏，页面并不会更新。
最后将放到了里，问题解决，每次切换路由，都会执行 mounted 方法了。

推荐阅读

上一篇：Spark - Task执行结果的处理

下一篇：华为快应用商业化持续推进，助力开发者实现快速变现