一、情景說明
單獨給某個路由組件配置守衛
二、案例
給news
路由配置獨享路由守衛
在進入該路由組件前,會觸發相關函數
函數內編寫鑒權功能的相關代碼即可
關鍵配置:beforeEnter
{name:'xinwen',path:'news',component:News,meta:{isAuth:true,title:'新聞'},beforeEnter: (to, from, next) => {console.log('獨享路由守衛',to,from)if(to.meta.isAuth){ //判斷是否需要鑒權if(localStorage.getItem('school') ==='china'){next()}else{alert('學校名不對,無權限查看!')}}else{next()}}},
三、補充
beforeEnter
函數的三個參數(to, from, next)
和前置路由守衛的三個參數含義相同。
且該配置,可以配合全局后置路由守衛
一起工作