场景:同一个路由下,参数不同,页面不刷新
路由参数变化,但是页面没有刷新这是Vue组件复用的默认处理方式
不想复用的话,有两种方式可以解决
1.在父组件的标签上加个key
<router-view :key="$route.fullPath"></router-view>
2.使用watch监听路由,如果路由变化了,就重新更新一下页面
watch: {
$route() {
// console.log("路由发生了变化");
this.tag = this.$store.state.activeTag;
this.getTagList();
}
},
官方好像比较推荐使用watch监听路由的方法~