出现这种情况是因为依赖路由的params参数获取写在created生命周期里面,因为相同路由二次甚至多次加载的关系 没有达到监听，退出页面再进入另一个文章页面并不会运行created组件生命周期，导致文章数据还是第一次进入的数据。
解决方法：watch监听路由是否变化
watch: {
// 方法1
'$route'(to,from) {//监听路由是否变化
if(this.$route.params.articleId){// 判断条件1 判断传递值的变化
//获取文章数据
}
}
//方法2
'$route'(to,from) {
if(to.path =="/page") {///判断条件2 监听路由名 监听你从什么路由跳转过来的
this.message =this.$route.query.msg
}
}
}
在vue项目中，假使我们在同一个路由下，只是改变路由后面的参数值，如果不监听路由参数值的变化，页面无数据刷新，需手...
出现这种情况是因为依赖路由的params参数获取写在created生命周期里面,因为相同路由二次甚至多次加载的关系...
路由变化页面数据不刷新问题 2.setInterval路由跳转继续运行并没有及时进行销毁 3.vue 滚动行为用法...
1.路由变化页面数据不刷新问题 出现这种情况是因为依赖路由的params参数获取写在created生命周期里面，因...
1.路由变化页面数据不刷新问题 出现这种情况是因为依赖路由的params参数获取写在created生命周期里面，因...
解决vue路由跳转页面不刷新的问题 通过路由传参跳转界面，页面没有刷新解决方法：在 router-view 中加 ...
实测有效:beforeRouteEnter(to, from, next) { next((vm) => { vm...
vue 路由 路由点击跳转不会页面刷新，可以保留数据 安装vue-router:npm install vue-r...
查询参数变化，不刷新 http://localhost:8081/#/detail?id=1http://loca...
Vue 路由跳转相同路径页面不刷新 vue 同一路由跳转不走生命周期，导致数据不更新不管是动态路由，还是传参 都不...
本文标题：VUE 路由参数变化，页面数据不刷新问题
本文链接：https://www.haomeiwen.com/subject/pckrjqtx.html
网友评论