vue的路由独享守卫

2019-10-14 16:22:08 浏览数 (1)

在router.js里面,注册路由的时候,使用以下方式。

代码语言:javascript复制
{
            path: '/main',  ///  碰撞分析
            name: 'indexs',
            component: Main,
            children: [
                {
                    path: "/index", component: Index, name: "index"
                }
            ],
            // 路由独享守卫,下面是判断页面进入之前
            beforeEnter: (to, from, next) => {
                var abc = localStorage.getItem('abc');
                if (abc == 1) {
                    next(); //  正确跳转
                }else {
                    next({
                        //  通过next 的方式来跳转
                        path: '/login',
                        // 参数
                        // query: {redirect: to.fullPath}
                    })
                } ;



            }
        },

0 人点赞