diff --git a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
index 43f1fcfda7..7b39cf585a 100644
--- a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
+++ b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
@@ -6,7 +6,7 @@
     @click="handleClick"
     @mousedown="elementMouseDown"
   >
-    <edit-bar v-if="config === curComponent" />
+    <edit-bar v-if="config === curComponent" @showViewDetails="showViewDetails" />
     <de-out-widget
       v-if="config.type==='custom'"
       :id="'component' + config.id"
@@ -18,6 +18,7 @@
     />
 
     <component
+      ref="wrapperChild"
       :is="config.component"
       v-else
       :out-style="config.style"
@@ -110,6 +111,9 @@ export default {
       // 阻止冒泡事件
       e.stopPropagation()
       this.$store.commit('setCurComponent', { component: this.config, index: this.index })
+    },
+    showViewDetails(){
+      this.$refs.wrapperChild.openChartDetailsDialog();
     }
   }
 }
diff --git a/frontend/src/components/canvas/components/Editor/EditBar.vue b/frontend/src/components/canvas/components/Editor/EditBar.vue
index 63e44c64e9..872b0cfc6b 100644
--- a/frontend/src/components/canvas/components/Editor/EditBar.vue
+++ b/frontend/src/components/canvas/components/Editor/EditBar.vue
@@ -43,7 +43,7 @@ export default {
   ]),
   methods: {
     showViewDetails() {
-      eventBus.$emit('showViewDetails')
+      this.$emit('showViewDetails')
     }
   }
 }
diff --git a/frontend/src/components/canvas/custom-component/UserView.vue b/frontend/src/components/canvas/custom-component/UserView.vue
index 6095a2d828..00cf67d92c 100644
--- a/frontend/src/components/canvas/custom-component/UserView.vue
+++ b/frontend/src/components/canvas/custom-component/UserView.vue
@@ -66,6 +66,10 @@ export default {
       type: Boolean,
       required: false,
       default: false
+    },
+    componentIndex: {
+      type: Number,
+      required: false
     }
   },
   data() {
@@ -128,7 +132,6 @@ export default {
     this.getData(this.element.propValue.viewId)
   },
   mounted() {
-    eventBus.$on('showViewDetails', this.openChartDetailsDialog)
   },
   methods: {
     mergeStyle() {