diff --git a/frontend/src/components/canvas/components/Editor/SettingMenu.vue b/frontend/src/components/canvas/components/Editor/SettingMenu.vue
index 70aea3a8b4..9a9a5b3c20 100644
--- a/frontend/src/components/canvas/components/Editor/SettingMenu.vue
+++ b/frontend/src/components/canvas/components/Editor/SettingMenu.vue
@@ -142,7 +142,7 @@ export default {
       })
     },
     addTab() {
-      bus.$emit('add-new-tab')
+      bus.$emit('add-new-tab', this.curComponent.id)
     },
     // 跳转设置
     linkJumpSet() {
diff --git a/frontend/src/components/widget/DeWidget/DeTabs.vue b/frontend/src/components/widget/DeWidget/DeTabs.vue
index 2a5e45ed5a..65a84e3e67 100644
--- a/frontend/src/components/widget/DeWidget/DeTabs.vue
+++ b/frontend/src/components/widget/DeWidget/DeTabs.vue
@@ -134,10 +134,14 @@ export default {
       tabList: []
     }
   },
+  computed: {
+    ...mapState([
+      'curComponent'
+    ])
+  },
   watch: {
     curComponent: {
       handler(newVal, oldVla) {
-        console.log(newVal)
       },
       deep: true
     }
@@ -147,11 +151,6 @@ export default {
     this.tabList = this.element.options && this.element.options.tabList
     this.activeTabName = this.tabList[0].name
   },
-  computed: {
-    ...mapState([
-      'curComponent'
-    ])
-  },
   methods: {
     beforeHandleCommond(item, param) {
       return {
@@ -244,7 +243,8 @@ export default {
       this.styleChange()
     },
 
-    addNewTab() {
+    addNewTab(componentId) {
+      if (!componentId || componentId !== this.element.id) return
       const curName = uuid.v1()
       const tab = {
         title: 'NewTab',