perdirjs/src/main.js

根据权限判断元素的展示与否的自定义指令

/* eslint-disable eqeqeq */
import Vue from "vue"
import App from "./App.vue"
import router from "./router"
import store from "./store"
// 权限指令
import perdir from './../index'
// 权限指令配置读写判断
perdir.isNoRead = (id) => {
  const reads = store.state.permissionJson.read
  return !reads.includes(id)
}
perdir.isNoSet = (id) => {
  const sets = store.state.permissionJson.set
  return !sets.includes(id)
}
Vue.directive("permission", perdir.directive)

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount("#app")