vPermission

权限指令(仅支持在vue3项目中使用)

引入版本

0.80.0

Demo

<script setup lang="ts">
  import { vPermission, setVPermissionList } from '@wyfex/iutils'

  // 应用登录后设置当前用户权限列表，全局只需要调用一次
  setVPermissionList(['1', '3', '4'])
</script>

<template>
  <!-- 简写，单个权限key，mode默认hidden，策略some -->
  <UseElButton
    btnText="拥有权限1可见"
    v-permission="'1'"
  />

  <UseElButton
    btnText="拥有权限2不可见"
    v-permission="'2'"
  />

  <!-- 数组：满足其中一个权限即可 -->
  <UseElButton
    btnText="拥有2或者3权限可见"
    v-permission="['2', '3']"
  />

  <!-- 对象配置：必须全部拥有权限，无权限直接移除DOM节点 -->
  <UseElButton
    btnText="必须同时拥有1和4权限，无权限直接删除dom"
    v-permission="{
      value: ['1', '4'],
      strategy: 'every',
      mode: 'remove'
    }"
  />
</template>