由于 router-view 使用了 keep-alive组件,被缓存了。
原因:vue-router的切换不同于传统的页面切换,而是路
由之间的切换,其实就是组件之间的切换,引用相同组件的时候,会直接调用缓存而不会调用created(),mounted()函数。
第一种方法:使用生命周期函数 :activated (在这里面更新数据,或者清空数据)
activated() {
()
},
第二种:在watch中监听路由变化,对router进行监控,当router发生变化时,执行初始化界面方法
//监听函数
watch: {
'$route' () {
();//我的初始化方法
}
},