diff --git a/core/frontend/src/views/dataset/add/AddApi.vue b/core/frontend/src/views/dataset/add/AddApi.vue
index 31b4d0864b..7239e0b377 100644
--- a/core/frontend/src/views/dataset/add/AddApi.vue
+++ b/core/frontend/src/views/dataset/add/AddApi.vue
@@ -74,6 +74,8 @@
           size="small"
         >
           <div
+            v-for="t in tableData"
+            :key="t.name"
             :class="[
               { active: activeName === t.name, 'not-allow': !t.enableCheck }
             ]"
diff --git a/core/frontend/src/views/dataset/add/AddDB.vue b/core/frontend/src/views/dataset/add/AddDB.vue
index bdad3cf69f..120ca46ef8 100644
--- a/core/frontend/src/views/dataset/add/AddDB.vue
+++ b/core/frontend/src/views/dataset/add/AddDB.vue
@@ -74,6 +74,8 @@
           size="small"
         >
           <div
+            v-for="t in tableData"
+            :key="t.name"
             :class="[
               { active: activeName === t.name, 'not-allow': !t.enableCheck }
             ]"