监听路由的变化

最新推荐文章于 2025-02-11 14:54:49 发布

原创最新推荐文章于 2025-02-11 14:54:49 发布 · 237 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#监听路由的变化 #$route #watch

本文探讨了Vue.js中使用watch监听$route的变化，通过具体代码示例解释如何在路由变化时更新Vuex store中的tabName状态，确保组件状态与当前路由保持同步。

  watch: {
    $route: {
        handler: function(val, oldVal){
 			// 参数为to  from最好理解，所以写成 handler: function(to, from)最好
          let nowChildPath = val.fullPath.toLowerCase();
          if(nowChildPath.indexOf('orderlist') === -1 && nowChildPath.indexOf('orderdetail') === -1){
            this.$store.dispatch('order/tabName', { tabName: 0 });
          }

        }
      }
  },