假设用户是kobe ,用户进行登录拿到userMenus, 从userMenus中先取到所有按钮的权限,或者是权限对应的字符串,统统放进一个数组里面,比如[system:users:creat],意思是用户有创建权限

然后在page-content中调用一个hooks,我封装了一个hooks叫usePermission(), 在这个方法函数中要求传两个东西,一个是pageName(页面名称),一个是需要判断的权限, 然后会返回一个布尔值,为true代表有这个权限,用v-if,按钮显示,反之不显示

具体代码实现

第一步 判断权限,获取权限,把所有权限装入一个数组

第二步 在vuex中请求,并存入vuex

第三步 写一个hooks,用来判断当前按钮是否有权限

第四步 在组件按钮中调用,用v-if判断是否显现