refactor: 优化 v-auth 指令

fantastic-mobile · Feb 8, 2025 · 73d6ae4 · 73d6ae4
1 parent cf9bb77
commit 73d6ae4
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/src/utils/directive.ts b/src/utils/directive.ts
@@ -2,11 +2,10 @@ import type { App, DirectiveBinding } from 'vue'
 
 export default function directive(app: App) {
   app.directive('auth', (el: HTMLElement, binding: DirectiveBinding) => {
-    if (binding.modifiers.all ? useAuth().authAll(binding.value) : useAuth().auth(binding.value)) {
-      el.style.display = ''
-    }
-    else {
-      el.style.display = 'none'
-    }
+    watch(() => binding.modifiers.all ? useAuth().authAll(binding.value) : useAuth().auth(binding.value), (val) => {
+      el.style.display = val ? '' : 'none'
+    }, {
+      immediate: true,
+    })
   })
 }