Skip to content

v-permission

功能介绍

快速实现鉴权

示例

使用

typescript
<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 混用!

Released under the MIT License.