当前位置: 首页 > news >正文

vue-admin-element 登录菜单配置学习

1、登录在src/views/login/index.vue ,登录只是账号密码,登录后获取用户信息其中包含用户角色,路由配置在src/router/index.js,路由中配置了每个路由对应的角色。可以通过修改配置的title修改菜单名称。

{
    path: '/pdf',
    component: Layout,
    redirect: '/pdf/index',
    children: [
      {
        path: 'index',
        component: () => import('@/views/pdf/index'),
        name: 'PDF',
        meta: { title: 'PDF', icon: 'pdf', roles: ['admin'] }
      }
    ]
  }

路由配置里有公共的路由constantRoutes和异步路由asyncRoutes,公共路由constantRoutes所有用户都加载,异步路由是根据在 meta里设置roles来实现动态的加载。

2、权限的判断 是在 src/store/modules/permission.js文件里,有个actions。判断如果角色里包含admin(一个用户可多个角色,所以返回的角色是个数组),就显示全部的

function hasPermission(roles, route) {
  if (route.meta && route.meta.roles) {
    return roles.some(role => route.meta.roles.includes(role))
  } else {
    return true
  }
}

 

123hainiao
发布了28 篇原创文章 · 获赞 4 · 访问量 1万+
私信 关注

相关文章:

  • 剑指offer第14题:链表中倒数第k个结点
  • 《计算方法》上机实验报告(华科软院)
  • Hive DDL DML基本操作
  • 华工科技拟对18亿募资项目进行变更:两大激光项目延期 5亿资金全部投入PWM项目
  • res下raw和assets的区别
  • CodeBlocks运行程序时弹出360等杀毒软件木马拦截警告提醒
  • 全资控股厨邦失利 副总被免职 中炬高新“双百梦”还有多远?
  • 集合--Collection集合
  • 金鸡百花电影节星光熠熠,成龙走红毯和机器人过招
  • 事件驱动金价创阶段新高 4只低估值黄金股值得关注
  • roscore和conda都打不开
  • 新三板回购热情被激活!逾20家公司亮出回购计划,有股票大涨超九成
  • static和this关键字
  • 条款10:令operator=返回一个reference to *this——82
  • 看清这几点,滞涨又如何
  • 大型网站的架构
  • 约瑟夫问题
  • 自学编程、玩 vlog,90 后程序员们的冠军之路
  • Pytorch迁移学习
  • jmeter压测学习7-登录参数化(CSV 数据文件设置)