vue的路由監視器使用

watch: {
'$route': function (to,from) {
if (to.path == '/ecolo/a') {
}

}
},

這是第一種方法,一般用在複用組件時,可以使用以上來監視路由的變化,從而做出需要的操作。其中to和path都是對象.

beforeRouteEnter (to, from, next) {
// 在渲染該組件的對應路由被 confirm 前調用
// 不!能!獲取組件實例 `this`
// 因為當鉤子執行前,組件實例還沒被創建
},
beforeRouteUpdate (to, from, next) {
// 在當前路由改變,但是該組件被複用時調用
// 舉例來說,對於一個帶有動態參數的路徑 /foo/:id,在 /foo/1 和 /foo/2 之間跳轉的時候,
// 由於會渲染同樣的 Foo 組件,因此組件實例會被複用。而這個鉤子就會在這個情況下被調用。
// 可以訪問組件實例 `this`
},
beforeRouteLeave (to, from, next) {
// 導航離開該組件的對應路由時調用
// 可以訪問組件實例 `this`
}
組件內鉤子函數。

---------------------

後臺私信發送關鍵字:“前 端”有驚喜


分享到:


相關文章: