diff --git a/src/components/tab-panels/tab-panel.vue b/src/components/tab-panels/tab-panel.vue
index 10fcec3db4c348640e9887ad0238ddd7a0239fbd..b454b2db7715fefba83b811a854f3cf8e437d0e5 100644
--- a/src/components/tab-panels/tab-panel.vue
+++ b/src/components/tab-panels/tab-panel.vue
@@ -13,6 +13,12 @@
       label: {
         type: [String, Number],
         required: true
+      },
+      value: {
+        type: [String, Number],
+        default() {
+          return this.label
+        }
       }
     },
     mounted () {
diff --git a/src/components/tab-panels/tab-panels.vue b/src/components/tab-panels/tab-panels.vue
index 980229cfa012809039ef2d38bde31bd5a64c04af..3394b59338faede5ec03d349b7f3d15a80772937 100644
--- a/src/components/tab-panels/tab-panels.vue
+++ b/src/components/tab-panels/tab-panels.vue
@@ -5,7 +5,8 @@
         <cube-tab-panel
           v-for="(item, index) in data"
           :label="item.label"
-          :key="item.label">
+          :value="item.value"
+          :key="item.value || item.label">
           {{item.label}}
         </cube-tab-panel>
       </slot>
@@ -42,8 +43,8 @@
       this._move(this.value)
     },
     methods: {
-      _move(label) {
-        const curIndex = findIndex(this.panels, panel => panel.label === label)
+      _move(value) {
+        const curIndex = findIndex(this.panels, panel => panel.value === value)
         /* istanbul ignore if */
         if (curIndex === INDEX_OUT_OF_BOUNDARY) {
           return