0
点赞
收藏
分享

微信扫一扫

Vue2.0 Vue路由 独享路由守卫

NicoalsNC 2022-01-12 阅读 206

独享路由守卫

就是某一个路由所单独享用的路由守卫

需求

{
    name: 'xinxi',
    path: 'news',//注意路由底层给你加了'/'如果自己加'/'有可能还显示不出效果
    component:News,
    meta:{isAuth:true,title:'信息'},
    beforeEnter: (to,from,next)=>{
        //里面的内容跟全局前置路由守卫一样的代码
        console.log('beforeEnter',to,from,next)
        if(to.meta.isAuth){
            if(localStorage.getItem('school') === 'bilibili'){
                next()
            }else{
                alert('权限不够用')
            }
        }else{
            next()
        }
    }
},
点击News引起路径的变化 -> 前端路由器发生了变化 -> 监测到后就引起对里面进行规则的对比 -> 进入之前就会帮你调beforeEnter

独享路由守卫只有前置没有后置

独享的路由守卫可以和全局后置路由守卫配合在一起(可以随意的组合)

举报

相关推荐

0 条评论