diff --git a/src/directive/index.ts b/src/directive/index.ts
index 39edd276..a9663760 100644
--- a/src/directive/index.ts
+++ b/src/directive/index.ts
@@ -1 +1,2 @@
 export { hasPerm, hasRole } from './permission';
+export { deBounce } from './utils';
diff --git a/src/directive/utils/index.ts b/src/directive/utils/index.ts
new file mode 100644
index 00000000..651247f8
--- /dev/null
+++ b/src/directive/utils/index.ts
@@ -0,0 +1,15 @@
+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)
+    })
+  }
+}