专栏首页vue的实战vue的路由独享守卫

vue的路由独享守卫

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

{
            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 条评论
登录 后参与评论

相关文章

  • 微信的下拉事件和上拉事件

    用户4344670
  • tree组件在for循环中无法使用getCheckedNodes这个方法

    原理: 通过鼠标点击拿到选中的id,然后判断数组中存不存在这个id,有就删除,没有就添加这个id;

    用户4344670
  • VUE实现全国主要空气质量demo(涟漪效果),并且自适应。

    我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite...

    用户4344670
  • iBatis for Net 代码生成器(CodeHelper)附下载地址(已经升级为V 1.1)

    CodeHelper是一款可以自己定义模板和生成内容的代码生成器,目前只支持MsSql数据库,这款代码生成器的初衷也只是为了生成MyBatis.net框架的配置...

    Java中文社群_老王
  • nginx伪静态规则配置

    Sindsun
  • 如何成为一个技术“牛人”

    1) 自信第一。自信这东西很是奇怪,人有可能一开始会莫明其妙的自信,但一切都从这开始的。你觉得自己行你就一定会变得行,反之,如果觉得自已不行,那一定会不行。

    Daotin
  • 六度CRM x 魔学院,尖物组合打造企业数字化销售部|腾讯SaaS加速器·案例库

    ? 来源 | 腾讯SaaS加速器首期项目-六度人和&魔学院 ---- 5月18日,腾讯云SaaS加速器成员六度CRM联合魔学院举办了一场主题为“因疫而变,销售...

    腾讯SaaS加速器
  • Qt创建及使用动态链接库(一)

    2、显示链接DLL,调用DLL中类对象、成员函数。(通过对象即可实现类成员函数的调用)

    Sindsun
  • python爬虫入门:获取在百度图片搜索的时候第一页的所有图片并下载

    禹都一只猫olei
  • 海康、大华NVR硬件录像机录像无插件全平台访问实现--播放时间轴实现

    对于 时间轴的展示实现需要实现的是时间刻度尺的展示,刻度尺的实现就是展示出时间刻度和对应时间是否拥有录像的标识,当前拥有录像的标识就是绿色背景的。 其次就是...

    EasyNVR

扫码关注云+社区

领取腾讯云代金券