问题场景:
当点击A页面某条记录跳转到B页面时,第一次正常,当再返回A页面点击其他记录跳转到B页面时,B页面数据没刷新,还是原来第一次的,原因是vue 同一路由跳转不走生命周期,导致数据不更新,不管是动态路由还是传参,都不走。
解决办法:
// 使用 watch 监听路由变化,手动更新数据
watch: {
'$route': function(to, from) {
this.getList()
}
},
其实就是将原来 created() 里的内容再写一遍到watch里就可以了。
在Vue应用中,遇到同一路由再次跳转时不触发生命周期导致数据未刷新的问题。解决方法是在组件中使用`watch`监听路由变化,手动调用更新数据的方法,如`this.getList()`,确保每次路由切换时数据都能正确更新。
1988

被折叠的 条评论
为什么被折叠?



