vue 中使用watch监听$route失效问题!在watch里面监听$route变化,发现并没有监听到。

路由:

{
      name: 'secondUser ',
      component: secondUser,
      path: '/secondUser',
}

页面监听:

 watch:{
        '$route'(to,from) {   
            console.log(to,from);
        }
    },

结果我们发现在路由跳转后,我们的console并没有输出东西,加了断点发现也并没有执行到里面,原来,我们用watch监听路由变化,我们的路由一定要有子路由,监听变化也紧局限在父子路由中,也就是我们这个路由一定要有子路由,在子路由跳转过程中会调用watch,能成功监听!


解决方案:

secondUser路由增加了两个子路由!
我们发现在进行父子路由跳转过程中,我们的watch可以坚挺到路由变化了!

{
     name: 'secondUser ',
     component: secondUser,
     path: '/secondUser',
     children: [
       {
       path: 'user',
       name: 'user',
       component: user,
       },
       {
       path: 'userName',
       name: 'userName',
       component: userName,
       },
     ]
   },
Logo

前往低代码交流专区

更多推荐