独享路由守卫beforeEnter

独享路由守卫beforeEnter：https://blog.csdn.net/Liberty_yes/article/details/123003190

 

我们都知道vue中有全局的路由守卫:
beforeEach在任何导航前执行。返回一个删除已注册守卫的函数。和afterEach
事实上在vue中还有 一个 独享路由守卫:
beforeEnter:在进入特定于此记录的守卫之前。注意如果记录有重定向属性，则 beforeEnter 无效。
独享路由守卫beforeEnter配置在指定路由中的

const routes = [
{
path: '/home',
name: 'Home',
component: Home,
meta:{
// 只有经过身份验证的用户才能访问
isAuth: true,
title:"首页"
}
},
{
path: '/about',
name: 'About',
component: About,
meta:{ isAuth: false, title:"关于" },
children:[
{
path: '/detail',
name: 'Detail',
component: Detail,
meta:{ isAuth: false, title:"详情" },
beforeEnter:(to,from,next) =>{
if(to.meta.isAuth){
if(localStorage.getItem('user')){
next()//调用next才会往下走
}
}else{
alert("无权限")
}
}
}
]
}
]
————————————————
版权声明：本文为CSDN博主「Liberty_yes」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/Liberty_yes/article/details/123003190