diff --git a/frontend/src/components/widget/DeWidget/DeDate.vue b/frontend/src/components/widget/DeWidget/DeDate.vue
index d50a0f8f65..fc6abdc5e4 100644
--- a/frontend/src/components/widget/DeWidget/DeDate.vue
+++ b/frontend/src/components/widget/DeWidget/DeDate.vue
@@ -64,6 +64,7 @@ export default {
     },
     dateChange(value) {
       this.setCondition()
+      this.styleChange()
     },
     formatValues(values) {
       if (!values || values.length === 0) {
@@ -83,6 +84,9 @@ export default {
         const value = values[0]
         return timeSection(value, this.options.attrs.type)
       }
+    },
+    styleChange() {
+      this.$store.state.styleChangeTimes++
     }
   }
 }
diff --git a/frontend/src/components/widget/DeWidget/DeNumberRange.vue b/frontend/src/components/widget/DeWidget/DeNumberRange.vue
index 94d688f80e..17dc4cde31 100644
--- a/frontend/src/components/widget/DeWidget/DeNumberRange.vue
+++ b/frontend/src/components/widget/DeWidget/DeNumberRange.vue
@@ -135,6 +135,7 @@ export default {
           return false
         }
         this.setCondition()
+        this.styleChange()
       })
     },
     setCondition() {
@@ -165,6 +166,9 @@ export default {
         this.inDraw && this.$store.commit('addViewFilter', param)
         return
       }
+    },
+    styleChange() {
+      this.$store.state.styleChangeTimes++
     }
   }
 }
diff --git a/frontend/src/components/widget/DeWidget/DeSelect.vue b/frontend/src/components/widget/DeWidget/DeSelect.vue
index 6b11223f28..db6978ca48 100644
--- a/frontend/src/components/widget/DeWidget/DeSelect.vue
+++ b/frontend/src/components/widget/DeWidget/DeSelect.vue
@@ -80,6 +80,7 @@ export default {
   methods: {
     changeValue(value) {
       this.setCondition()
+      this.styleChange()
       this.showNumber = false
       this.$nextTick(() => {
         if (!this.$refs.deSelect.$refs.tags || !this.options.attrs.multiple) {
@@ -101,7 +102,11 @@ export default {
         operator: this.operator
       }
       this.inDraw && this.$store.commit('addViewFilter', param)
+    },
+    styleChange() {
+      this.$store.state.styleChangeTimes++
     }
+
   }
 }
 </script>
diff --git a/frontend/src/components/widget/DeWidget/DeSelectGrid.vue b/frontend/src/components/widget/DeWidget/DeSelectGrid.vue
index d03e024a00..daacf5ba8b 100644
--- a/frontend/src/components/widget/DeWidget/DeSelectGrid.vue
+++ b/frontend/src/components/widget/DeWidget/DeSelectGrid.vue
@@ -167,6 +167,7 @@ export default {
 
       this.options.value = values
       this.setCondition()
+      this.styleChange()
     },
     // 勾选数据项 会影响全选节点的状态
     setAllNodeStatus() {
@@ -208,7 +209,11 @@ export default {
     filterNode(value, data) {
       if (!value) return true
       return data[this.defaultProp.label].indexOf(value) !== -1
+    },
+    styleChange() {
+      this.$store.state.styleChangeTimes++
     }
+
   }
 }
 </script>