美文网首页读书简友广场想法
解决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页面跳转不刷新问题

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