网站软件开发,网页设计与制作期末作业源代码,thymeleaf做网站 seo,校园网站怎么做HTMLVue 中使用watch监听$route失效问题#xff01; 今天在项目操作中发现一个问题#xff0c;在watch里面监听$route变化#xff0c;发现并没有监听到#xff0c;查阅了一些资料最终解决#xff0c;现写出与大家共同分享#xff0c;也忘出现此问题的同学也能顺利解决 路由词…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,},]},watch监听$route在平级路由子组件中失效
{path: /index_1,name: Index_1,component: () import(/views/index_1.vue),meta: {title: 首页_1,requireAuth: true},children: [{path: /index_1/sub_index_A,name: sub_index_A,component: () import(/views/sub_index_1/sub_index_A.vue),meta: {title: 子组件_A,requireAuth: true}},{path: sub_index_B,name: sub_index_B,component: () import(/views/sub_index_1/sub_index_B.vue),meta: {title: 自组件_B,requireAuth: true}},{path: sub_index_C,name: sub_index_C,component: () import(/views/sub_index_1/sub_index_C.vue),meta: {title: 自组件_C,requireAuth: true}}]}如上路由配置 watch 在子组件sub_index_A、sub_index_B、sub_index_A中监听$route无效