25 lines
745 B
TypeScript
25 lines
745 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] ?? []
|
|
// console.log('1234',authStore.routeName)
|
|
// console.log('123',currentPageRoles)
|
|
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
|