diff --git a/src/directive/index.ts b/src/directive/index.ts
index 39edd2769900a93a99c41a41ef17081962ed087d..a966376098d152118e8a00aad877af0fac8c30c3 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 0000000000000000000000000000000000000000..651247f8ffc3a3b6946dbf902ab1592800b9924d
--- /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)
+    })
+  }
+}