美文网首页读书简友广场想法
解决vue页面跳转不刷新问题

解决vue页面跳转不刷新问题

作者: hicfly | 来源:发表于2022-05-20 11:18 被阅读0次

问题场景:

当点击A页面某条记录跳转到B页面时,第一次正常,当再返回A页面点击其他记录跳转到B页面时,B页面数据没刷新,还是原来第一次的,原因是vue 同一路由跳转不走生命周期,导致数据不更新,不管是动态路由还是传参,都不走。

解决办法:

// 使用 watch 监听路由变化,手动更新数据

watch: {

‘$route’: function(to, from) {

this.getList()

}

},

其实就是将原来 created() 里的内容再写一遍到watch里就可以了。

详情可见我的CSDN博客

————————————————

版权声明:本文为CSDN博主「hicfly」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/cflydk/article/details/124879714

相关文章

  • 解决vue路由跳转页面不刷新的问题

    解决vue路由跳转页面不刷新的问题 通过路由传参跳转界面,页面没有刷新解决方法:在 router-view 中加 ...

  • vue跳转当前页面页面不刷新问题

    vue跳转当前页面页面不刷新,导致切换角色的时候有些权限无法更新解决方法:1.router.go(0) 页面刷新 ...

  • 解决vue页面跳转不刷新问题

    问题场景: 当点击A页面某条记录跳转到B页面时,第一次正常,当再返回A页面点击其他记录跳转到B页面时,B页面数据没...

  • vue跳转局部页面切换

    vue在跳转的时候,让只切换想要的局部页面,而不是整个页面切换,比如A页面跳转到B页面,但是动态背景动画不刷新,只...

  • 【VUE】addRoutes 刷新后 404

    vue 使用addRoutes动态添加路由 刷新页面跳转404路由的问题 第一次跳转到404页面[https://...

  • Vue错误集

    vue-router使用hash模式时,页面点击跳转或者刷新正常.使用history模式时,页面点击跳转正常,刷新...

  • Vue 路由跳转相同路径页面不刷新

    Vue 路由跳转相同路径页面不刷新 vue 同一路由跳转不走生命周期,导致数据不更新不管是动态路由,还是传参 都不...

  • vue的坑和使用总结

    路由变化页面数据不刷新问题 2.setInterval路由跳转继续运行并没有及时进行销毁 3.vue 滚动行为用法...

  • vue-router用法

    vue 路由 路由点击跳转不会页面刷新,可以保留数据 安装vue-router:npm install vue-r...

  • vue keep-alive 和vue-router 控制组件缓

    写在开头 终极解决方法,直接看文章 解决循环跳转页面不刷新[#3] 部分 浏览器前进刷新后退不刷新 这一部分用来...

网友评论

    本文标题:解决vue页面跳转不刷新问题

    本文链接:https://www.haomeiwen.com/subject/aplfprtx.html