鍍金池/ 問答/HTML/ vue中路由守衛(wèi)的設置?

vue中路由守衛(wèi)的設置?

我在vue-cli項目中,有個父路由,下面若干子路由。如下圖
圖片描述

現(xiàn)在我想設置路由守衛(wèi),是整個路由集都得由同一個條件來判斷,路由守衛(wèi)寫在上面地方才行?想只寫一次,不單獨給每個子路由都去設置了。

回答
編輯回答
尋仙

你這個寫法應該是 vue-router 吧, vue-router 常見有三種格式的路由守衛(wèi):

1) 全局路由守衛(wèi)

如 beforeEach, afterEach

2) 路由獨享守衛(wèi)

如 beforeEnter

3) 組件獨享守衛(wèi)

如 beforeRouterEnter, beforeRouterUpdate, beforeRouterLeave

他們的應用場景各不相同,你問的太寬泛,所以都有可能。

2018年6月21日 03:41
編輯回答
菊外人

請教了一下微信群里的大佬。
可以這樣做全局守衛(wèi),先將需要進行路由判斷的 name寫到一個數(shù)組里面,再用to.name方法進行判斷。

2017年1月11日 15:29
編輯回答
何蘇葉
router.beforeEach((to, from, next) => {
    if(to.path=='/xxxx'){    
        xxxxxx;
        next()
    }
}
2017年7月22日 20:34