权限控制 (一) 操作权限

我们大部分的项目是通过当前登录用户角色去控制权限。假如一个新增功能按钮,当用户没有新增的权限,我们选择隐藏该按钮。

指令权限

封装了一个指令权限,能简单快速的实现按钮级别的权限判断

使用

<template>
  <el-button v-auth="auth || null">新增</el-button>
</template>

<script>
export default {
    data () {
        return {
            auth: 'add'
        }
    }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13

如果该角色返回的接口不包含add,那么该按钮就会被隐藏。uth.js

最后更新时间: 9/23/2019, 6:15:39 PM