diff --git a/core/frontend/src/components/canvas/components/editor/Preview.vue b/core/frontend/src/components/canvas/components/editor/Preview.vue
index a47e9c757f..e95a517e29 100644
--- a/core/frontend/src/components/canvas/components/editor/Preview.vue
+++ b/core/frontend/src/components/canvas/components/editor/Preview.vue
@@ -313,7 +313,7 @@ export default {
       scaleWidth: '100',
       scaleHeight: '100',
       timer: null,
-      componentDataShow: null,
+      componentDataShow: [],
       mainWidth: '100%',
       mainHeight: '100%',
       searchCount: 0,
diff --git a/core/frontend/src/components/canvas/customComponent/UserView.vue b/core/frontend/src/components/canvas/customComponent/UserView.vue
index 5854d1fafa..904fe21254 100644
--- a/core/frontend/src/components/canvas/customComponent/UserView.vue
+++ b/core/frontend/src/components/canvas/customComponent/UserView.vue
@@ -946,6 +946,7 @@ export default {
         }
         if (this.isFirstLoad) {
           this.element.filters = this.filter.filter?.length ? JSON.parse(JSON.stringify(this.filter.filter)) : []
+          this.$store.commit('setViewInitFilter', this.element)
         }
         method(id, this.panelInfo.id, requestInfo).then(response => {
           try {
diff --git a/core/frontend/src/store/index.js b/core/frontend/src/store/index.js
index 433c78b878..32d675aa4d 100644
--- a/core/frontend/src/store/index.js
+++ b/core/frontend/src/store/index.js
@@ -938,6 +938,15 @@ const data = {
       if (state.lastValidFilters[id]) {
         delete state.lastValidFilters[id]
       }
+    },
+    setViewInitFilter(state, viewInfo) {
+      if (viewInfo) {
+        state.componentData.forEach(component => {
+          if (viewInfo.id === component.id) {
+            component.filters = viewInfo.filters
+          }
+        })
+      }
     }
   },
   modules: {