diff --git a/packages/devui-vue/devui/button/index.ts b/packages/devui-vue/devui/button/index.ts
index 2888c5453fc42736ba138a9415f4b98ee0aa254d..91a9eb8d81c83b552fa305d872cd3b98b0c07f6d 100644
--- a/packages/devui-vue/devui/button/index.ts
+++ b/packages/devui-vue/devui/button/index.ts
@@ -1,11 +1,13 @@
 import type { App } from 'vue'
 import Button from './src/button'
+import { Loading } from '../loading/index'
 
 Button.install = function (app: App) {
+  app.directive('dLoading', Loading)
   app.component(Button.name, Button)
 }
 
-export * from './src/button-types';
+export * from './src/button-types'
 
 export { Button }
 
diff --git a/packages/devui-vue/devui/table/index.ts b/packages/devui-vue/devui/table/index.ts
index 30393dd6cdccd906504ec9a42a31def0f6b4d6ef..8a9d848e41d0884d50acbeaf2552f4be3397353f 100644
--- a/packages/devui-vue/devui/table/index.ts
+++ b/packages/devui-vue/devui/table/index.ts
@@ -1,8 +1,10 @@
 import type { App } from 'vue'
 import Table from './src/table'
 import Column from './src/column/column'
+import { Loading } from '../loading/index'
 
-Table.install = function(app: App): void {
+Table.install = function (app: App): void {
+  app.directive('dLoading', Loading)
   app.component(Table.name, Table)
   app.component(Column.name, Column)
 }