diff --git a/src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue b/src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue
index 1fd6ee9f..d6aba6f3 100644
--- a/src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue
+++ b/src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue
@@ -44,8 +44,8 @@
       </div>
     </div>
     <el-table
-        :id="`tabTable_${index}`"
-        :ref="`dataTable_${index}`"
+        id="tabTable"
+        ref="dataTable"
         :data="tableData"
         class="npm-app-event-table dns-recent-event-table"
         height="100%"
diff --git a/src/views/charts2/charts/linkMonitor/LinkTrafficSankey.vue b/src/views/charts2/charts/linkMonitor/LinkTrafficSankey.vue
index 998d6f32..71525580 100644
--- a/src/views/charts2/charts/linkMonitor/LinkTrafficSankey.vue
+++ b/src/views/charts2/charts/linkMonitor/LinkTrafficSankey.vue
@@ -51,7 +51,7 @@ export default {
   },
   setup () {
     const { query } = useRoute()
-    const tab = ref(query.tabIndex || 0)
+    const tab = ref(query.tabIndex || '0')
     const queryCondition = ref(query.queryCondition || '')
     return {
       tab,
@@ -422,7 +422,7 @@ export default {
       })
     },
     resize () {
-      if (this.tab === 0) {
+      if (this.tab === '0') {
         this.myChart.resize()
       } else {
         this.myChart2.resize()
diff --git a/src/views/charts2/charts/npm/NpmAppCategoryScore.vue b/src/views/charts2/charts/npm/NpmAppCategoryScore.vue
index 92d9ac8d..3d578dde 100644
--- a/src/views/charts2/charts/npm/NpmAppCategoryScore.vue
+++ b/src/views/charts2/charts/npm/NpmAppCategoryScore.vue
@@ -17,8 +17,8 @@
       </div>
     </div>
     <el-table
-        :id="`tabTable_${index}`"
-        :ref="`dataTable_${index}`"
+        id="tabTable"
+        ref="dataTable"
         :data="tableData"
         class="app-table"
         height="100%"
diff --git a/src/views/charts2/charts/npm/NpmAppEventTable.vue b/src/views/charts2/charts/npm/NpmAppEventTable.vue
index 7020211d..02ce5f32 100644
--- a/src/views/charts2/charts/npm/NpmAppEventTable.vue
+++ b/src/views/charts2/charts/npm/NpmAppEventTable.vue
@@ -20,8 +20,8 @@
       <span>{{ $t('network.metric') }}：</span>
     </div>
     <el-table
-        :id="`tabTable_${index}`"
-        :ref="`dataTable_${index}`"
+        id="tabTable"
+        ref="dataTable"
         :data="tableData"
         class="npm-app-event-table"
         height="100%"
diff --git a/src/views/charts2/charts/npm/NpmRecentEvents.vue b/src/views/charts2/charts/npm/NpmRecentEvents.vue
index f40a0144..0c0d4033 100644
--- a/src/views/charts2/charts/npm/NpmRecentEvents.vue
+++ b/src/views/charts2/charts/npm/NpmRecentEvents.vue
@@ -5,8 +5,8 @@
       <chart-error v-if="showError" tooltip :content="errorMsg" />
     </div>
     <el-table
-        :id="`tabTable_${index}`"
-        :ref="`dataTable_${index}`"
+        id="tabTable"
+        ref="dataTable"
         :data="tableData"
         class="npm-recent-table"
         :class="{'npm-recent-table-ten': tableData.length === 10}"
diff --git a/src/views/charts2/charts/npm/NpmTabs.vue b/src/views/charts2/charts/npm/NpmTabs.vue
index f9ab1cf4..13a7af26 100644
--- a/src/views/charts2/charts/npm/NpmTabs.vue
+++ b/src/views/charts2/charts/npm/NpmTabs.vue
@@ -46,6 +46,7 @@ export default {
       tabs
     }
   },
+  emits: ['tabChange'],
   watch: {
     currentTab (n) {
       const { query } = this.$route