23 lines
664 B
TypeScript
23 lines
664 B
TypeScript
|
/**
|
||
|
|
* v-auth
|
||
|
|
* 按钮权限指令
|
||
|
|
*/
|
||
|
|
import { useAuthStore } from "@/stores/modules/auth";
|
||
|
|
import type { Directive, DirectiveBinding } from "vue";
|
||
|
|
|
||
|
|
const auth: Directive = {
|
||
|
|
mounted(el: HTMLElement, binding: DirectiveBinding) {
|
||
|
|
const { value } = binding;
|
||
|
|
const authStore = useAuthStore();
|
||
|
|
const currentPageRoles = authStore.authButtonListGet[authStore.routeName] ?? [];
|
||
|
|
if (value instanceof Array && value.length) {
|
||
|
|
const hasPermission = value.every(item => currentPageRoles.includes(item));
|
||
|
|
if (!hasPermission) el.remove();
|
||
|
|
} else {
|
||
|
|
if (!currentPageRoles.includes(value)) el.remove();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
export default auth;
|