v-permission

功能介绍

快速实现鉴权

示例

使用

<script setup lang="ts">
import { ref } from 'vue'

// 普通用户权限，从后台获取
const normal = ref(['update','query']);
// 管理员权限，从后台获取
const admin = ref(['add', 'del', 'update', 'query']);
const adminString = ref('add;del;update;query'); // String格式
</script>
<template>
  <button v-permission="normal">特殊功能1</button>
  <button v-permission="admin">特殊功能2</button>
  <button v-permission="adminString">特殊功能3</button>
</template>

规则

v-permission="permissionList"

permissionList类型：Array<string> 或 string（以分号相隔）

权限列表：['add', 'del']，存在其一则显示，否则隐藏元素

TIP

请不要和 v-if 混用！