import store from '@/store';
|
|
export default {
|
inserted(el, binding, vnode) {
|
// 当被绑定的元素插入到 DOM 中时……
|
const { value } = binding;
|
const all_permission = '*:*:*';
|
//超管标识
|
const permissions = store.getters && store.getters.permissions;
|
//从getters中取出从接口请求到的权限标识数组
|
if (value && value instanceof Array && value.length > 0) {
|
//value为指令的绑定值，并且要求是一个非空数组
|
const permissionFlag = value;
|
|
const hasPermissions = permissions.some((permission) => {
|
//some() 方法用于检测数组中的元素是否满足指定条件（函数提供）
|
//如果是超管或者其他管理员有对应的权限标识
|
return all_permission === permission || permissionFlag.includes(permission);
|
//检测数组 permissionFlag 是否包含 permission
|
});
|
|
if (!hasPermissions) {
|
el.parentNode && el.parentNode.removeChild(el);
|
//否则就删除该节点，体现在页面上就是没有按钮对应的权限标识就不显示该按钮
|
}
|
} else {
|
throw new Error(`请设置操作权限标签值`);
|
//页面上使用v-hasPermi没有传值的情况下给的提示
|
}
|
},
|
};
|
