问题
多个路由共用一个组件时,mouted()和created()都不会执行,从而无法更新跳转后页面的信息。
如何解决
监听路由变化,更新数据
watch:{
$route:{
handler:'resetData',
}
},
data(){
return{
reservoirName: null,
}
},
methods:{
resetData(){
console.log(this.$route.meta.title)
this.reservoirName = this.$route.meta.title;
}
}
这里根据路由meta更新响应的信息。
参考:https://blog.csdn.net/qq_36545813/article/details/108241978
官网参考