vue 路由跳转 页面数据并没有更新，如何解决
vue 路由跳转 页面数据并没有更新，如何解决
·
由于 router-view 使用了 keep-alive组件，被缓存了。
原因：vue-router的切换不同于传统的页面切换，而是路
由之间的切换，其实就是组件之间的切换，引用相同组件的时候，会直接调用缓存而不会调用created()，mounted()函数。
第一种方法：使用生命周期函数 ：activated （在这里面更新数据，或者清空数据）
activated() {
this.getList()
},
第二种：在watch中监听路由变化，对router进行监控，当router发生变化时，执行初始化界面方法
//监听函数
watch: {
'$route' () {
this.initData();//我的初始化方法
}
},
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
4
0- 0
已为社区贡献1条内容
所有评论(0)