vue按钮级权限

使用方式：

<!-- 根据角色权限 -->
<el-button v-hasRole="['admin','operater']"></el-button>

<!-- 根据按钮权限 -->
<el-button v-hasRole="['system:add','system:delete']"></el-button>

自定义hasRole：

import Vue from 'vue'
import store from '@/store'

Vue.directive('hasRole',{
    inserted(el, binding, vnode) {
    　　const { value } = binding
    　　const super_admin = "admin";
    　　const arrays = store.getters && store.getters.roles
 　　　　// 判断是否配置了权限
    　　if (value && value instanceof Array && value.length > 0) {
      　　const roleFlag = value
　　　　　　// 判断按钮的权限是否存在
      　　const hasRole = arrays.some(role => {
        　　return super_admin === role || roleFlag.includes(role)
      　　})
　　　　　　// 没有权限直接删除元素
      　　if (!hasRole) {
        　　el.parentNode && el.parentNode.removeChild(el)
      　　}
    　　} else {
      　　throw new Error(`请设置角色权限标签值"`)
    　　}
  　}      
}