XW-AIOT/iot-device-management-frontend
4
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

chore: update docs

Browse Source
This commit is contained in:
vben
2024-08-01 20:58:21 +08:00
parent 4236e9cb87
commit 4a7a4f97ee
2 changed files with 74 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
website/src/guide/in-depth/access.md
View File

@@ -227,6 +227,25 @@ const { hasAccessByCodes } = useAccess();
</template>
```
#### 指令方式
```vue
<template>
<Button class="mr-4" v-access:code="['AC_100100']">
Super 账号可见 ["AC_1000001"]
</Button>
<Button class="mr-4" v-access:code="['AC_100030']">
Admin 账号可见 ["AC_100010"]
</Button>
<Button class="mr-4" v-access:code="['AC_1000001']">
User 账号可见 ["AC_1000001"]
</Button>
<Button class="mr-4" v-access:code="['AC_100100', 'AC_1000001']">
Super & Admin 账号可见 ["AC_100100","AC_1000001"]
</Button>
</template>
```
### 角色
角色判断方式不需要接口返回的权限码，直接通过角色来判断按钮是否显示。
@@ -272,3 +291,16 @@ const { hasAccessByRoles } = useAccess();
</Button>
</template>
```
#### 指令方式
```vue
<template>
<Button class="mr-4" v-access:role="['super']"> Super 角色可见 </Button>
<Button class="mr-4" v-access:role="['admin']"> Admin 角色可见 </Button>
<Button class="mr-4" v-access:role="['user']"> User 角色可见 </Button>
<Button class="mr-4" v-access:role="['super', 'admin']">
Super & Admin 角色可见
</Button>
</template>
```