vue中监听路由参数变化的方法_vue监听路由参数的变化

作者：从前慢现在也慢 | 2024-03-28 23:17:57

踩

vue监听路由参数的变化

在vue项目中，假使我们在同一个路由下，只是改变路由后面的参数值，如果不监听路由参数值的变化，页面无数据刷新，需手动刷新浏览器，这样做就不是我们的预期效果。

举例：当前路由为 /pjthome?pjtid=123456


mounted: function () {
      this.pjtid = this.$route.query.pjtid
      this.pjtdetail()
},

在页面pjtdetail(）方法中，需要用到pjtid这个参数，假如在同一页面有相似项目切换，只是pjtid发生变化，在切换时，并未重新加载数据，原因是跟vue的生命周期有关，具体该解决这个问题，添加路由监听即可。

exp:


watch: {
      $route(){
        this.pjtid = this.$route.query.pjtid
      },
      pjtid() {
        this.pjtdetail()
      },
}

解决。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/332181?site