后台管理系统按钮权限问题(12.20)

今天最大的收获,搞懂了权限字符怎么用的

权限都是由后端在菜单中统一给按钮设置权限字符名project:traffic:audit,没有接口也能设置(xyz点你呢)然后给前端发一份。并保证菜单中,前端,后端三方统一。

并且权限字符要唯一,不可以多个按钮使用同一个权限

如果想通过该按钮跳转页面,那么该页面路由文件也需要添加权限字符

例:


                  审核
// 交通项目审核
  { 
    path: '/synchronization/traffic',
    component: Layout,
    hidden: true,
    permissions: ['project:traffic:audit'],//页面权限
    children: [
      {
        path: 'audit',
        component: () => import('@/views/project/traffic/audit.vue'),
        name: 'TrafficAudit',
        meta: { title: '交通项目审核', activeMenu: '/project/traffic/index' }
      },
    ]
  },

router.js文件需要加,且必须加权限字符那一行,否则页面404跳转失败

你可能感兴趣的:(elementui)