登录/注册
开开
9779
占位
8
占位
12
浏览量
占位
粉丝
占位
关注
vue 路由跳转 页面数据不更新问题
开开
2022-09-16 14:45:46 2022-09-16
40
0

由于 router-view 使用了 keep-alive组件,被缓存了。

原因:vue-router的切换不同于传统的页面切换,而是路
由之间的切换,其实就是组件之间的切换,引用相同组件的时候,会直接调用缓存而不会调用created(),mounted()函数。

解决方法:

第一种:在watch中监听路由变化,对router进行监控,当router发生变化时,执行初始化界面方法

//监听函数
watch: {
'$route' () {
this.initData();//我的初始化方法
}
},

第二种:给router-view添加唯一key

增加一个不同:key值,这样vue就会识别这是不同的了。

<router-view :key="key"></router-view>
computed: {
key() {
return this.$route.path + Math.random();
}
},

第三种方法:使用生命周期函数 :activated

activated() {
this.getList()
},
暂无评论