VueRouter 中' this.$router.push '跳转页面不刷新的问题解决

问题疑难
在写vue项目 路由跳转时, 肯定遇到过 路由跳转到新页面后 通过接口查询得到的后台数据, 这时候再返回上一个页面再点击路由跳转的时候会发现 新页面通过接口查询的数据没有了。
这是因为再你第二次点击路由跳转的时候,你的初始函数方法mounted没有执行。

解决办法有两种:
第一种:将mounted函数 替换成activated函数。
mounted(){
在这里插入代码片
}
==》
activated(){
在这里插入代码片
}
第二种:通过路由监听的方法。将mounted下的方法函数放到watch路由下
watch: {
‘$route’ (to, from) {
// 在mounted函数执行的方法,放到该处
在这里插入代码片
}
},

转载: https://blog.csdn.net/CoderYin/article/details/89681149

你可能感兴趣的:(vue项目的,各种坑)