该文主要是利用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