vue中使用watch监听$route 无效问题
vue 中使用watch监听$route失效问题!在watch里面监听$route变化,发现并没有监听到。路由:{name: 'secondUser ',component: secondUser,path: '/secondUser',}页面监听:watch:{'$route'(to,from) {...
·
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,
},
]
},
更多推荐
已为社区贡献67条内容
所有评论(0)