权限控制-前端权限按钮控制

创建 ​​button-control.js​​ 如下代码的含义为就是校验一下看看是否有对应的权限如果有就是返回 true 没有就是 false

import store from '@/store';

export function hasBtnPermission(value) {
  const myBtns = store.getters.buttons
  return myBtns.indexOf(value) > -1;
}

将自定义的方法绑定到 vue 的实例上面这样我们就可以在 v-if 获取其它的标签当中直接使用我们的方法了如下

使用方式如下，看看是否有对应的权限值如果没有就不显示按钮给用户操作

修复一个 BUG 修改 user.js 如下添加如下内容即可修复，问题就是同一个用户登录，退出之后在登陆路由信息点击有问题就是重置路由的问题