39 lines
851 B
TypeScript
39 lines
851 B
TypeScript
import { hasRoles, matchRoles } from '@/plugins/auth-user';
|
||
import { DirectiveBinding } from 'vue';
|
||
|
||
/**
|
||
* roles-权限标识
|
||
*
|
||
* 指令值：字符串数组
|
||
*
|
||
* 指令的参数：has/math，默认has
|
||
*
|
||
* v-roles="['admin']"
|
||
* 等同
|
||
* v-roles:has="['admin']"
|
||
*
|
||
* v-roles:math="['common', 'user']"
|
||
*
|
||
* @param el 指令绑定到的元素
|
||
* @param binding 一个对象
|
||
*/
|
||
export default function (el: any, binding: DirectiveBinding<any>) {
|
||
const value = binding.value;
|
||
let arg = binding.arg;
|
||
let ok: boolean = false;
|
||
if (Array.isArray(value) && value.length > 0) {
|
||
// 匹配
|
||
if (arg === 'math') {
|
||
ok = matchRoles(value);
|
||
}
|
||
// 含有
|
||
if (!arg || arg === 'has') {
|
||
ok = hasRoles(value);
|
||
}
|
||
}
|
||
// 没有权限就移除节点
|
||
if (!ok) {
|
||
el.parentNode && el.parentNode.removeChild(el);
|
||
}
|
||
}
|