Permission 权限显示

根据权限点或角色控制内容是否渲染；文档环境默认放行，便于查看插槽内容。

基础示例

示例使用本地演示数据；上传、校验和提交不会连接业务后端。

<script setup lang="ts">
import { } from "vue";
import { Auth, Role } from "@/components/core/permission";


</script>

<template>
  <ClientOnly>
    <div class="demo-surface">
      <Auth value="doc:view"><el-tag type="success">权限内容可见</el-tag></Auth><Role value="admin"><el-tag>角色内容可见</el-tag></Role>
    </div>
  </ClientOnly>
</template>

隐藏源代码

引入方式

import { Role, Auth } from "@/components/core/permission";

Props

参数	说明	类型	默认值	必填
value	组件值。	string | string[]	""	否

Events

事件名	说明	回调参数
-	该组件未声明 Events。	-

Slots

插槽名	说明	参数
default	默认内容插槽。	-

Expose

名称	说明	类型
-	该组件未声明 Expose。	-

Module API

名称	说明	类型
Role	导出 Role 供业务侧复用。	useInstall(role)
Auth	导出 Auth 供业务侧复用。	useInstall(auth)

Types

RoleProps

导出 RoleProps 供业务侧复用。

字段	说明	类型	默认值	必填
value	组件值。	string | string[]	-	否

AuthProps

导出 AuthProps 供业务侧复用。

字段	说明	类型	默认值	必填
value	组件值。	string | string[]	-	否

API 根据当前组件源码生成；同步版本与验证记录见维护说明。