diff --git a/frontend/src/components/widget/DeWidget/DeDate.vue b/frontend/src/components/widget/DeWidget/DeDate.vue
index fb0803de03..798c9c2098 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/DeSelect.vue b/frontend/src/components/widget/DeWidget/DeSelect.vue
index d24b67186e..c12896d0d2 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>