项目开发过程中经常出现，点击路由跳转页面的情况，这时候就用到了路由传参
1，从a页面跳转到b页面
a页面传参
var luyou="UnifiedAccess/Application"
this.$router.replace({
path: '/'+luyou,
query: { data: data.label
}
})
b页面接收
created() {
this.headertitle=this.$route.query.data
},
遇到的坑：当有多个页面跳转的路由都指向b页面时，b页面只刷新第一次，所以就造成了其他页面跳转到a时，a接收的路由数据不刷新
解决办法:使用watch方法监听路由
watch:{
'$route'(to,from){
this.headertitle=this.$route.query.data
}
},
网友评论