监听路由的变化

红孩儿2011

于 2019-12-06 10:30:42 发布

阅读量225

点赞数

CC 4.0 BY-SA版权

文章标签：监听路由的变化 $route watch

本文链接：https://blog.youkuaiyun.com/qq_26642611/article/details/103417910

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  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 });
          }

        }
      }
  },