vue自定义权限

//公共的js
<script type="text/javascript">
import Vue from "vue";
import axios from "axios";
import config from "@/script/apiConfig";
import ajaxLogin from "@/script/api/login.js";
import app from "@/main";
import ajaxAuth from "@/script/api/auth.js";

const authservice = "http://192.168.1.173:18080"; //网页前缀
//  const authservice = "http://localhost:18080";//网页前缀

const userInfo = JSON.parse(window.localStorage.getItem("userInfo"));
const token = window.localStorage.getItem("token");

/**权限指令 v-per="'资源公海-邀约电话'" **/
Vue.directive('per', {
  bind: function (el, binding,vnode) {
    if (!Vue.prototype.$_has(binding.value)) {
      el.style.display = 'none';
    }
  }
});

//校验button权限 {{$_has('资源公海-邀约电话')}}
Vue.prototype.$_has = function (value) {
  let isExist = false;
  let buttonperm =JSON.parse(window.localStorage.getItem("buttonperm"));//['资源公海-电话邀约','资源公海-信息完善-保存']
 
  for (let i = 0; i < buttonperm.length; i++) {
    if (buttonperm[i].indexOf(value) > -1) {
      isExist = true;
      break;
    }
  }
  return isExist;
}; 

//页面
  <el-button
           v-per="'资源公海-批量邀约'"
            icon="el-icon-plus"
            type="primary"
            plan
            @click="batchInvitation"
            :disabled="this.sels.length === 0"
          >批量邀约</el-button>