update README
This commit is contained in:
parent
00753149e4
commit
31a085bee3
60
README.md
60
README.md
@ -1,57 +1,5 @@
|
||||
#配置发布工具
|
||||
|
||||
|
||||
## 权限控制
|
||||
|
||||
前端页面的权限控制有2种方式(role和permission), 在三个地方进行控制:
|
||||
|
||||
1. 左边菜单的显示隐藏
|
||||
|
||||
在路由表各项的meta中添加 roles: ['admin', 'editor'] 或 permissions: ['app:read']
|
||||
|
||||
2. 页面内各种按钮和弹窗
|
||||
|
||||
使用v-role和v-permission控制,
|
||||
|
||||
```vue
|
||||
<!-- 支持匹配, 比如: app:*, *:read--->
|
||||
<span
|
||||
v-permission="['app:read']"
|
||||
class="permission-alert"
|
||||
>
|
||||
Only
|
||||
<el-tag
|
||||
class="permission-tag"
|
||||
size="small"
|
||||
>app:read</el-tag> can see this
|
||||
</span>
|
||||
<el-tag
|
||||
v-role="['admin']"
|
||||
class="permission-sourceCode"
|
||||
type="info"
|
||||
>
|
||||
v-role="['admin']"
|
||||
</el-tag>
|
||||
```
|
||||
|
||||
也可使用@utils/permission.ts中的checkRole和checkPermission方法
|
||||
|
||||
```vue
|
||||
<el-tab-pane
|
||||
v-if="checkRole(['admin'])"
|
||||
label="Admin"
|
||||
>
|
||||
Admin can see this
|
||||
<el-tag
|
||||
class="permission-sourceCode"
|
||||
type="info"
|
||||
>
|
||||
v-if="checkRole(['admin'])"
|
||||
</el-tag>
|
||||
</el-tab-pane>
|
||||
```
|
||||
|
||||
|
||||
|
||||
3. 逻辑代码中判断
|
||||
|
||||
使用@utils/permission.ts中的checkRole和checkPermission方法
|
||||
项目分成2个工程
|
||||
根目录为vue的前端工程, 用于ui显示
|
||||
app目录为electron的工程, 用于打包各平台的可执行文件
|
||||
|
Loading…
x
Reference in New Issue
Block a user