vue router之router.beforeEach()


作用

主要是用來通過跳轉或取消的方式守衛導航。

場景

使用同一個鏈接在不同條件下跳轉到不同路由組件,例如未登錄時跳轉登錄頁面,登錄后跳轉個人信息頁面等。

使用

用router.beforeEach注冊一個全局前置守衛,在router中添加以下代碼:

router.beforeEach((to, from, next) => {

  // ...
})
// to:即將要進入的目標路由對象(這個對象包括name,params,meta等屬性)
// from:當前導航正要離開的路由對象(這個對象包括name,params,meta等屬性)
// next:Function,確保要調用next方法,否則🐶不會被resolved。這個當中還可以傳一些參數。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM