vue使用router-link跳转页面,链接从A页面跳转到B页面,再由B页面返回到A页面,A页面再调整到B页面,B 页面获取到的url参数确未改变的解决办法。 home页面:
<router-link :to="{path: 'detail', query: { userid: 2 }}">详情页</router-link>
detail页面:
地址示列:http://localhost:9527/#/detail?userid=2
created() {
if (this.$route.query.userid) {
this.userid = this.$route.query.userid
console.log('userid:' + this.userid)
}
},
在created中获取url中userid参数,但是再后退到home页面,再点击detail页面,地址参数改变,页面数据确未改变。
解决办法:
在watch中添加路由改变监听,就能获取到当前地址参数。
watch: {
'$route'(to, from) {
this.userid = this.$route.query.userid
console.log('userid2:' + this.userid)
}
},