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,},]},

總結

以上是生活随笔為你收集整理的vue中使用watch监听$route 无效问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。