Vue学习:独享路由守卫-只要前置beforeEnter

最新推荐文章于 2024-05-20 17:02:17 发布

¡Venceremo

最新推荐文章于 2024-05-20 17:02:17 发布

阅读量386

点赞数

分类专栏： Vue 文章标签： vue.js Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_47295886/article/details/129437301

版权

Vue 专栏收录该内容

155 篇文章 1 订阅

订阅专栏

对某一个路由添加单独的条件

路径  --属性
/a    meta:{title:'关于'}
/b    meta:{isAuth:true,title:'新闻'},
/c   meta:{isAuth:true,title:'消息'},

beforeEnter，写在路由配置里面

        children:[
                {
                    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')==='aa'){
                                next()
                            }else{
                                alert('学校名不对，无权限查看！')
                            }
                        }else{
                            next()
                        }
                    }
                },

router.beforeEach---》是全局的

可以和独享的路由首位+配合全局后置的路由首位使用