!2 新增了一个按钮防抖

Merge pull request !2 from 识君/master

!2 新增了一个按钮防抖
Merge pull request !2 from 识君/master
df5b4d86 · xianrui · Gitee · 545a34de · 45bb712e · df5b4d86
隐藏空白更改
内联并排

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)
+    })
+  }
+}