Skip to content

权限

系统中有两种权限控制方式

  • 根据后台返回的用户角色生成菜单,并动态生成路由表,实现对页面的权限控制
  • 根据后台返回的权限列表,控制到具体每个页面的按钮的显示隐藏

页面级别的权限:服务端通过登录的管理员的角色权限过滤掉没有权限的菜单,前端拿到过滤好的菜单,经过一系列转化,动态生成路由表,没有权限的页面将不会注册在路由中,最终实现的页面级别的权限控制。

按钮级别的权限:服务端返回该管理员的权限列表,前端拿到权限列表后,通过自定义指令v-perms对每个按钮的权限进行比对,如果按钮对应的权限在返回的权限列表中,则显示该菜单,反之则隐藏。

控制按钮权限说明:

Vue
// auth.admin/edit 需要与添加菜单时的权限字符一致,一般对应服务端的api接口
<el-button v-perms="['auth.admin/edit']">编辑</el-button>
//多个控制一个按钮
<el-button v-perms="['auth.admin/edit','auth.admin/add']">编辑</el-button>