第五章：指令directives

简介

vue的指令，除了常见的v-show、v-if、v-for以外，还支持自定义指令，通过之定义指令可以实现我们的一些特殊功能，例如权限控制、复制功能、懒加载等等

定义和使用

在 saiadmin 中，自定义指令文件在 src/directives 目录下，通过 index.js 注册指令，每个目录写单独的指令功能，实现指令的管理

内置指令

• v-auth 权限控制

在该指令下，通过检验用户是否包含这些指令以实现 显示或隐藏的效果

<el-button v-auth="['/app/user/add']">新增用户</el-button>
<el-button v-auth="['/app/user/update']">更新用户</el-button>
<el-button v-auth="['/app/user/add', '/app/user/update']">新增或者更新</el-button>

• v-copy 复制指令

在该指令下，点击该元素会自动将内容复制到剪贴板中

<el-button v-copy="欢迎加入">复制</el-button>

• v-role 角色控制

在该指令下，通过检验用户角色是否包含这些指令以实现 显示或隐藏的效果

<el-button v-role="['admin']">管理员</el-button>
<el-button v-role="['xiaoshou']">销售</el-button>
<el-button v-role="['caiwu', 'xingzheng']">财务或者行政</el-button>