From 16311d1e32f27d9a949e5924ceefd20e1726eee4 Mon Sep 17 00:00:00 2001
From: iamkun <kunhello@outlook.com>
Date: Mon, 10 Dec 2018 16:46:55 +0800
Subject: [PATCH] Tabs: get the correct tab through tab name (#13705)

---
 packages/tabs/src/tab-bar.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/tabs/src/tab-bar.vue b/packages/tabs/src/tab-bar.vue
index 5014055dc..e313af6f0 100644
--- a/packages/tabs/src/tab-bar.vue
+++ b/packages/tabs/src/tab-bar.vue
@@ -2,6 +2,7 @@
   <div class="el-tabs__active-bar" :class="`is-${ rootTabs.tabPosition }`" :style="barStyle"></div>
 </template>
 <script>
+  import { arrayFind } from 'element-ui/src/utils/util';
   export default {
     name: 'TabBar',
 
@@ -25,7 +26,7 @@
             return str.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase());
           };
           this.tabs.every((tab, index) => {
-            let $el = this.$parent.$refs.tabs[index];
+            let $el = arrayFind(this.$parent.$refs.tabs, t => t.id.replace('tab-', '') === tab.name);
             if (!$el) { return false; }
 
             if (!tab.active) {