vue使用自定义指令来控制页面按钮组的权限思想_vue.js_

//用来获取权限数据 import store from '@/store'   export default {     inserted(el, binding, vnode) {     //获取绑定值     const { value } = binding     // TODO 匹配规则，在页面写的要对应这个匹配规则     const all_permission = "*:*:*";     //获取用户权限数据     const permissions = store.getters && store.getters.permissions  if (value && value instanceof Array && value.length > 0) {        //权限标志       const permissionFlag = value       //判断用户是否有此权限       const hasPermissions = permissions.some(permission => {         console.log('permission', permission);   return all_permission === permission || permissionFlag.includes(permission)       })              //没有权限-移除页面上的控件       if (!hasPermissions) {{         console.log('没有权限-移除');         el.parentNode && el.parentNode.removeChild(el)       }     } else {        el.parentNode && el.parentNode.removeChild(el)       throw new Error(`请设置数组操作权限`)     }   } }

import hasPermi from './hasPermi' import Vue from "vue"     const install = function (Vue) {   Vue.directive('hasPermi', hasPermi) }     if (window.Vue) {   window['hasPermi'] = hasPermi   Vue.use(install); }   export default install

import permission from './directive/permission'     Vue.use(permission)