Vue自定义指令实现按钮级别权限

该文主要是利用vue自定义属性来实现按钮级别的权限，代码直接copy进项目即可使用

一、在utils文件夹下新建authority.js

/**
 * 检查权限点工具函数
 * @param {*} permissionCode 元素权限点
 * @param {*} permissions 所有权限点
 */
export function checkAuthority(permissionCode, permissions) {
  let hasPermission = true;
  if (permissionCode) {
    if (permissionCode instanceof Array && permissionCode.length > 0) {
      hasPermission = permissions.some(permissions =>
        permissionCode.includes(permissions)
      );
    } else {
      hasPermission = permissions.some(item => item === permissionCode);
    }
  }
  return hasPermission;
}

二、src文件夹下新间自定义指令文件夹：directive/Authority,并在其文件夹下建Authority.js和index.js:

Authority.js

// import store from '@/store';
import { checkAuthority } from '@/utils/authority';

export default {
  inserted(el, bindin