权限鉴定组件添加

pages/index.vue

@@ -26,7 +26,7 @@
         <h1>总数：{{counter}}</h1>
         <h2>admin,user{{this.$store.state.admin.user.counter}}</h2>
         <Button @click="increment">+</Button>
-        <Button type="error" @click="log">log</Button>
+        <Button type="error" v-auth="['admin2']" @click="log">log</Button>
       </div>
     </div>
   </div>

plugins/iview.js

@@ -4,6 +4,7 @@ import VueI18n from 'vue-i18n';
 import Languages from '@/i18n/locale';
 // 插件
 import util from '@/libs/util';
+import { includeArray } from '@/libs/system';
 
 import VueDND from 'awe-dnd' //拖拽排序
 // import iViewPro from '@/libs/iViewPro/iview-pro.min.js';
@@ -76,6 +77,20 @@ export default ({
       }
     })
   }
+
+  Vue.directive('auth',{
+    inserted (el, binding, vnode) {
+      const { value } = binding;
+      const access = store.state.admin.user.info.access;
+  
+      if (value && value instanceof Array && value.length && access && access.length) {
+          const isPermission = includeArray(value, access);
+          if (!isPermission) {
+              el.parentNode && el.parentNode.removeChild(el);
+          }
+      }
+  }
+  } )
   // Vue.directive('paste', {
   //   bind(el, binding, vnode) {
   //     el.addEventListener('paste', function (event) { //这里直接监听元素的粘贴事件