v-permission权限配置

最新推荐文章于 2024-05-09 14:11:12 发布

大阳plus

最新推荐文章于 2024-05-09 14:11:12 发布

阅读量632

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_43400431/article/details/125282900

版权

import store from '@/store'
import { nextTick } from 'vue'
export default {
  mounted(el, binding) {
    const { value } = binding
    const permissionRoles = value
    nextTick(() => {
      const roles = store.getters.roles
      if (value && value instanceof Array && value.length > 0) {
        const hasPermission = roles.some(role => {
          return permissionRoles.includes(role) || permissionRoles.includes('any')
        })
        if (!hasPermission) {
          el.parentNode && el.parentNode.removeChild(el)
        }
      }
    })
  }
}
// export default {
//   mounted(el, binding) {
//     const permission = Array.isArray(binding.value) ? binding.value[0] : binding.value // 获取到 v-permission的值,传数组取第一个（要取多个以后扩展）
//     if (permission) {
//       const hasPermission = checkArray(permission)
//       if (!hasPermission) {
//         // 没有权限 移除Dom元素
//         el.parentNode && el.parentNode.removeChild(el)
//       }
//     }
//   }
// }

// function checkArray(key) {
//   const arr = ['admin', 'xueyue', 'any']
//   if (~arr.indexOf(key)) {
//     return true // 有权限
//   } else {
//     return false // 无权限
//   }
// }