diff --git a/dolphinscheduler-ui/src/js/conf/home/pages/datasource/pages/list/index.vue b/dolphinscheduler-ui/src/js/conf/home/pages/datasource/pages/list/index.vue
index 04683ebe4e8b4a1b1568029c5f582989ce642625..545c6c0b70ad474ecaae9180653df2b9e38ee322 100644
--- a/dolphinscheduler-ui/src/js/conf/home/pages/datasource/pages/list/index.vue
+++ b/dolphinscheduler-ui/src/js/conf/home/pages/datasource/pages/list/index.vue
@@ -22,6 +22,7 @@
           <el-button size="mini" @click="_create('')">{{$t('Create Datasource')}}</el-button>
           <el-dialog
             :title="item ?($t('Edit')+$t('Datasource')) : ($t('Create')+$t('Datasource'))"
+            v-if="dialogVisible"
             :visible.sync="dialogVisible"
             width="auto"
             :append-to-body="true">