/**
 * v-hasPermi 操作權(quán)限處理
 */

import store from '@/store'

 function checkPermission(el, binding) {
   const { value } = binding
   //通用權(quán)限測試用的偷懶的寫法
   const all_permission = "*:*:*"; //此處定義的是權(quán)限的 格式：'system:sysUser:edit'
   const roles = store.getters && store.getters.permissions
   if (value && value instanceof Array) {
     if (value.length > 0) {
       const permissionRoles = value
       const hasPermission = roles.some(role => {
       	//這里如果是包含 或者 是上面的通配符號就放行顯示（當(dāng)然 生產(chǎn)環(huán)境是不能加這個通配符的）
         return all_permission === role || permissionRoles.includes(role)
       })

       if (!hasPermission) {
         el.parentNode && el.parentNode.removeChild(el)
       }
     }
   } else {
     throw new Error(`need roles! Like v-permission="['admin','editor']"`)
   }
 }

 export default {
 	//被綁定元素插入父節(jié)點時調(diào)用（父節(jié)點存在即可調(diào)用，不必存在于 document 中）。
   inserted(el, binding) {
     checkPermission(el, binding)
   },
   // 被綁定元素所在的模板更新時調(diào)用，而不論綁定值是否變化
   update(el, binding) {
     checkPermission(el, binding)
   }
 }

import permission from './hasPermi'
const install = function(Vue) {
  Vue.directive('permission', permission)
}
/**
 * 按鈕權(quán)限
 */
if (window.Vue) {
  window['permission'] = permission
  Vue.use(install); // eslint-disable-line
}

permission.install = install
export default permission

<template slot-scope="scope">
          <el-button type="text" size="small"
                     icon="el-icon-edit"
                     v-permission="['system:sysUser:edit']"
                     @click="updateInfo(scope.row)">修改</el-button>
</template>