vue 路由元資訊

2021-10-06 05:33:23 字數 704 閱讀 4464

meta: meta後跟乙個物件 固定的

requiresauth(自定義)我們去自定義一段資訊來去匹配對應的功能,比如驗證登入(使用者中心)了才能檢視. 我們給使用者中心路由加上這個標識,加了之後就需要驗證是否是登入狀態,如果是登入狀態我們才能正常檢視這個頁面、

定義路由的時候可以配置meta字段

通過meta定義要驗證的路由

const router =

newrouter(}

,}]}

]})const islogin =

true

;router.

beforeeach

((to,

from

, next)

=>)}

else

})

或者

const router =

newrouter

( children:[,

]}]}

)const islogin =

true

;router.

beforeeach

((to,

from

, next)

=>)}

else

})

Vue學習筆記之路由元資訊

定義路由的時候可以配置meta字段 const router new vuerouter 那麼如何訪問這個meta欄位呢?首先,我們稱呼routes配置中的每個路由物件為路由記錄。路由記錄可以是巢狀的,因此,當乙個路由匹配成功後,他可能匹配多個路由記錄 例如,根據上面的路由配置,foo bar這個 ...

路由元資訊

定義路由的時候可以配置meta字段 const router new vuerouter 那麼如何訪問這個meta欄位呢?首先,我們稱呼routes配置中的每個路由物件為路由記錄。路由記錄可以是巢狀的,因此,當乙個路由匹配成功後,他可能匹配多個路由記錄 例如,根據上面的路由配置,foo bar這個 ...

vue路由資訊物件

乙個路由資訊物件表示當前啟用的路由的狀態資訊,每次成功的導航後都會產生乙個新的物件。path字串,對應當前路由的路徑 params物件,包含動態路由引數 query物件,url查詢引數 hash字串,當前路由的hash值 fullpath字串,url包含查詢引數和hash的完整路徑 matched陣...