diff --git a/frontend/src/components/ElTreeSelect/index.vue b/frontend/src/components/ElTreeSelect/index.vue
index 7eeb7bd775..b94e91d902 100644
--- a/frontend/src/components/ElTreeSelect/index.vue
+++ b/frontend/src/components/ElTreeSelect/index.vue
@@ -229,6 +229,9 @@ export default {
     off(document, 'mouseup', this._popoverHideFun)
   },
   methods: {
+    resetSelectAll() {
+      this.selectAll = false
+    },
     selectAllChane(val) {
       if (val) {
         this.ids = this._checkSum()
diff --git a/frontend/src/components/ElVisualSelect/index.vue b/frontend/src/components/ElVisualSelect/index.vue
index 4308dd42cf..4519b8f42c 100644
--- a/frontend/src/components/ElVisualSelect/index.vue
+++ b/frontend/src/components/ElVisualSelect/index.vue
@@ -114,6 +114,9 @@ export default {
     })
   },
   methods: {
+    resetSelectAll() {
+      this.selectAll = false
+    },
     setSelect(id) {
       if (Array.isArray(this.selectValue)) {
         return this.selectValue.map(ele => ele.id).includes(id) && 'selected'
diff --git a/frontend/src/components/widget/DeWidget/DeSelect.vue b/frontend/src/components/widget/DeWidget/DeSelect.vue
index 9c1ef73a6e..8fb364e606 100644
--- a/frontend/src/components/widget/DeWidget/DeSelect.vue
+++ b/frontend/src/components/widget/DeWidget/DeSelect.vue
@@ -213,7 +213,8 @@ export default {
   },
   methods: {
     clearHandler() {
-      this.value = null
+      this.value = this.element.options.attrs.multiple ? [] : null
+      this.$refs.deSelect && this.$refs.deSelect.resetSelectAll && this.$refs.deSelect.resetSelectAll()
     },
     filterMethod(key) {
       this.keyWord = key
diff --git a/frontend/src/components/widget/DeWidget/DeSelectGrid.vue b/frontend/src/components/widget/DeWidget/DeSelectGrid.vue
index 4ea1abdc6a..a6c976adf3 100644
--- a/frontend/src/components/widget/DeWidget/DeSelectGrid.vue
+++ b/frontend/src/components/widget/DeWidget/DeSelectGrid.vue
@@ -213,7 +213,7 @@ export default {
   },
   methods: {
     clearHandler() {
-      this.value = null
+      this.value = this.element.options.attrs.multiple ? [] : null
     },
     resetDefaultValue(id) {
       if (this.inDraw && this.manualModify && this.element.id === id) {
diff --git a/frontend/src/components/widget/DeWidget/DeSelectTree.vue b/frontend/src/components/widget/DeWidget/DeSelectTree.vue
index fd815eb905..72e4286b82 100644
--- a/frontend/src/components/widget/DeWidget/DeSelectTree.vue
+++ b/frontend/src/components/widget/DeWidget/DeSelectTree.vue
@@ -223,7 +223,8 @@ export default {
 
   methods: {
     clearHandler() {
-      this.value = null
+      this.value = this.element.options.attrs.multiple ? [] : null
+      this.$refs.deSelectTree && this.$refs.deSelectTree.resetSelectAll && this.$refs.deSelectTree.resetSelectAll()
     },
     resetDefaultValue(id) {
       if (this.inDraw && this.manualModify && this.element.id === id) {