exhibition_service_admin/src/权限控制指南.md

由于代码写得实在太烂了所以有必要解释一下权限是如何管理的

路由配置

router/index.js路由配置meta属性中的roles属性为权限控制标识，func属性为元素的权限控制。

{
  path: 'dashboard',
    component: () => import('@/views/dashboard/index'),
    name: 'Dashboard',
    meta: {
    title: '首页看板',
      icon: 'el-icon-house',
      roles: 'dashboard',//roles为权限控制标识
      func: [
      {
        name: '头部概览',//这里是更为细化的控制
        roles: 'dashboard.head'
      }
    ]
  }
}

v-permission指令

如果某个元素需要被权限控制，使用以下方式。需要注意的是非'relative','absolute','sticky'定位的元素，都会被替换为'relative'

<div v-permission="'权限标识'"></div>

那如何控制呢

在permission.js文件中第一行export的就是了，目前写死了。通过增删数组内的权限标识就能控制不同套餐的权限。