feat: 新增按钮防抖指令

45bb712e · 且把清酒 · 545a34de · 45bb712e · 45bb712e
隐藏空白更改
内联并排

Showing with 16 addition and 0 deletion

src/directive/index.ts src/directive/index.ts +1 -0

src/directive/utils/index.ts src/directive/utils/index.ts +15 -0

未找到文件。
--- a/src/directive/index.ts
+++ b/src/directive/index.ts
 export { hasPerm, hasRole } from './permission';
+export { deBounce } from './utils';
--- a/src/directive/utils/index.ts
+++ b/src/directive/utils/index.ts
+import { Directive, DirectiveBinding } from 'vue';
+
+/**
+ * 按钮防抖
+ */
+export const deBounce:Directive = {
+  mounted(el:HTMLElement) {
+    el.addEventListener('click', e => {
+      el.classList.add('is-disabled')
+      setTimeout(() => {
+        el.classList.remove('is-disabled')
+      }, 2000)
+    })
+  }
+}