基于RBAC的权限管理的理论实现和权限管理的实现

权限管理的理论

首先需要两个页面支持，分别是角色管理和员工管理，其中角色管理对应的是角色和权限的配合，员工管理则是讲登录的员工账号和员工所处的角色进行对应，即通过新增角色这个概念，让权限和员工并不直接关联，而是通过分别和角色进行关联从而实现给员工分配权限。

菜单和按钮的权限管理

菜单的权限控制

通过对后台返回的数据进行vuex中的存储，然后将权限与路由中的动态规则进行比对，筛选出对应的动态规则，然后将这些规则与静态规则合并，从而实现路由的权限控制，然后通过将完整的路由规则存入到vuex中，在菜单的展示界面渲染vuex中存储的完整的路由规则，来实现界面上我们看到的菜单的权限控制。

按钮的权限控制

通常常用的是通过vue的全局指令vue.directive('指令名',{

//钩子函数

bind(el,binding){},

inserted(el,binding){

//代码内容

}

})

按钮的权限控制，除了需要返回的权限以外，还需要后台返回一个全部的按钮权限。然后我们通过全局指令来对按钮进行操作，使得登录用户具有权限的按钮能够展示，这个一般是可以通过全局指令的钩子函数中的el.remove()来进行元素的移除。