1、beforeRouteEnter 進入頁面
to – 即將要跳轉到的頁面
form – 跳轉前的頁面,從哪個頁面跳轉過來的
next – 下一步,若無指定跳轉的路由,設置為空 next() 即可
beforeRouteEnter(to, from, next) {next()
},
使用?beforeRouteEnter 時,組件還沒有創建,因此無法使用 this,當我們需要寫邏輯的時候可以在 next() 里面寫,具體如下:
beforeRouteEnter(to, from, next) {next(vm => {if (from.path === '/details') {vm.getData('1');} else {vm.getData();}})
}
2、beforeRouteLeave 離開頁面
使用方法和?beforeRouteEnter 一樣,同樣有 to,from,next
beforeRouteLeave(to, from, next) {next()
}