北京联通网站备案/搜索引擎搜索器
问题:跳转页面的时候,如果是之前打开过的页面,就会保持着上次跳转的状态不更新
原因:vue-router的切换不同于传统的页面切换,而是路由之间的切换,其实就是组件之间的切换,引用相同组件的时候,会直接调用缓存而不会调用created(),mounted()函数。
解决方法:
第一种:在watch中监听路由变化
//监听函数
watch: {'$route' () {this.initData();//我的初始化方法}},
对router进行监控,当router发生变化时,执行初始化界面方法
第二种:给router-view添加唯一key
<router-view :key="key"></router-view>computed: {key() {return this.$route.path + Math.random();}},
增加一个不同:key值,这样vue就会识别这是不同的<router-view>了。