import { Directive } from "vue";
import { usePermission } from "@/hooks/web/usePermission";
export const permission: Directive = {
mounted(el: Element, binding) {
const { value } = binding;
if (!value) {
return el.remove();
}
const { hasPermission } = usePermission();
if (!hasPermission(value)) {
return el.remove();
}
},
};
export const vAuto: Directive = permission;
使用
v-permission