xlb-main-login/src/utils/action.js

``` yarn install ```

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

/**
 * Action 权限指令
 * 指令用法：
 *  - 在需要控制 action 级别权限的组件上使用 v-action:[method] , 如下：
 *    <i-button v-action:add >添加用户</a-button>
 *    <a-button v-action="'work.growth.universe.link'">删除用户</a-button>
 *    <a v-action:edit @click="edit(record)">修改</a>
 *
 *  - 当前用户没有权限时，组件上使用了该指令则会被隐藏
 *  - 当后台权限跟 pro 提供的模式不同时，只需要针对这里的权限过滤进行修改即可
 *
 */
const action = Vue.directive('action', (el, binding) => {
  const actionName = binding.value
  const perStr = JSON.stringify(store.state.permission.userPermission)
  if (perStr.indexOf(actionName) == -1) {
    ;(el.parentNode && el.parentNode.removeChild(el)) || (el.style.display = 'none')
  } else {
    el.style.display = 'inline-block'
    return
  }
})

export default action