添加权限自定义指令

Author: gmingchen

src/directive/index.ts

@@ -0,0 +1,22 @@
+/*
+ * @Description:
+ * @Author: gumingchen
+ * @Email: [email protected]
+ * @Date: 2021-04-27 09:26:25
+ * @LastEditors: gumingchen
+ * @LastEditTime: 2021-04-27 09:34:06
+ */
+import { $isAuth } from '@/utils'
+import { IApp } from '@/utils/index.type'
+
+export default {
+  install: function (app: IApp): void {
+    app.directive('permission', (el, binding): void => {
+      const permission = binding.value
+      const result = $isAuth(permission)
+      if (!result) {
+        el.remove()
+      }
+    })
+  }
+}

src/main.ts

@@ -4,7 +4,7 @@
  * @Email: [email protected]
  * @Date: 2021-04-06 13:58:51
  * @LastEditors: gumingchen
- * @LastEditTime: 2021-04-16 16:22:04
+ * @LastEditTime: 2021-04-27 09:34:50
  */
 import { createApp } from 'vue'
 import App from '@/App.vue'
@@ -13,6 +13,7 @@ import store from '@/store'
 import Element from '@/element'
 import I18n from '@/i18n'
 import Components from '@/components/index'
+import Directive from '@/directive'
 import '@/assets/icon' // svg 图标引入
 import '@/assets/sass/index.scss'
 
@@ -23,4 +24,5 @@ app.use(store)
   .use(Element)
   .use(I18n)
   .use(Components)
+  .use(Directive)
   .mount('#app')

src/utils/index.type.ts

@@ -6,7 +6,7 @@
  * @Email: [email protected]
  * @Date: 2021-01-25 16:39:22
  * @LastEditors: gumingchen
- * @LastEditTime: 2021-02-04 10:13:57
+ * @LastEditTime: 2021-04-27 09:31:11
  */
 export interface IObject {
   [key: string]: any
@@ -27,6 +27,7 @@ export interface IApp {
       }
     }
   }
+  directive: (arg0: string, arg1: (el: any, binding: any) => void) => void
 }
 
 export enum ContentType {