From 27cbf5fb6b2910dfb786369071b9f06965409abd Mon Sep 17 00:00:00 2001
From: bastarder <85257684@qq.com>
Date: Wed, 18 Nov 2020 16:02:53 +0800
Subject: [PATCH] fix: fix tabs bug for 'v-for' (#618)

---
 packages/tabs/src/tabs.vue | 3 +--
 website/docs/en-US/tabs.md | 4 +++-
 website/docs/es/tabs.md    | 4 +++-
 website/docs/fr-FR/tabs.md | 4 +++-
 website/docs/jp/tabs.md    | 4 +++-
 website/docs/zh-CN/tabs.md | 4 +++-
 6 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/packages/tabs/src/tabs.vue b/packages/tabs/src/tabs.vue
index 64200bc525..b924e8cabc 100644
--- a/packages/tabs/src/tabs.vue
+++ b/packages/tabs/src/tabs.vue
@@ -1,6 +1,5 @@
 <script lang='ts'>
-import { h, defineComponent, ref, onMounted, onUpdated, provide, watch, nextTick, getCurrentInstance, ComputedRef, PropType, Ref, ComponentInternalInstance, VNode, Component } from 'vue'
-import { Fragment } from '@vue/runtime-core'
+import { h, defineComponent, ref, onMounted, onUpdated, provide, watch, nextTick, getCurrentInstance, ComputedRef, PropType, Ref, ComponentInternalInstance, VNode, Component, Fragment } from 'vue'
 import { EVENT_CODE } from '@element-plus/utils/aria'
 import TabNav from './tab-nav.vue'
 
diff --git a/website/docs/en-US/tabs.md b/website/docs/en-US/tabs.md
index 6a3b07f673..540d486d81 100644
--- a/website/docs/en-US/tabs.md
+++ b/website/docs/en-US/tabs.md
@@ -125,7 +125,9 @@ You can use named slot to customize the tab label content.
 ```html
 <el-tabs type="border-card">
   <el-tab-pane>
-    <span slot="label"><i class="el-icon-date"></i> Route</span>
+    <template #label>
+      <span><i class="el-icon-date"></i> Route</span>
+    </template>
     Route
   </el-tab-pane>
   <el-tab-pane label="Config">Config</el-tab-pane>
diff --git a/website/docs/es/tabs.md b/website/docs/es/tabs.md
index 8c3c7bc528..18fb5f793e 100644
--- a/website/docs/es/tabs.md
+++ b/website/docs/es/tabs.md
@@ -125,7 +125,9 @@ Es posible usar slots con nombre para personalizar el contenido de la etiqueta d
 ```html
 <el-tabs type="border-card">
   <el-tab-pane>
-    <span slot="label"><i class="el-icon-date"></i> Route</span>
+    <template #label>
+      <span><i class="el-icon-date"></i> Route</span>
+    </template>
     Route
   </el-tab-pane>
   <el-tab-pane label="Config">Config</el-tab-pane>
diff --git a/website/docs/fr-FR/tabs.md b/website/docs/fr-FR/tabs.md
index 25477ec81d..43a262e311 100644
--- a/website/docs/fr-FR/tabs.md
+++ b/website/docs/fr-FR/tabs.md
@@ -125,7 +125,9 @@ Vous pouvez utiliser un slot pour customiser le label d'un onglet.
 ```html
 <el-tabs type="border-card">
   <el-tab-pane>
-    <span slot="label"><i class="el-icon-date"></i> Route</span>
+    <template #label>
+      <span><i class="el-icon-date"></i> Route</span>
+    </template>
     Route
   </el-tab-pane>
   <el-tab-pane label="Config">Config</el-tab-pane>
diff --git a/website/docs/jp/tabs.md b/website/docs/jp/tabs.md
index cc1400e96c..4b0d8d82f3 100644
--- a/website/docs/jp/tabs.md
+++ b/website/docs/jp/tabs.md
@@ -125,7 +125,9 @@
 ```html
 <el-tabs type="border-card">
   <el-tab-pane>
-    <span slot="label"><i class="el-icon-date"></i> Route</span>
+    <template #label>
+      <span><i class="el-icon-date"></i> Route</span>
+    </template>
     Route
   </el-tab-pane>
   <el-tab-pane label="Config">Config</el-tab-pane>
diff --git a/website/docs/zh-CN/tabs.md b/website/docs/zh-CN/tabs.md
index 4d90741401..5c59692a26 100644
--- a/website/docs/zh-CN/tabs.md
+++ b/website/docs/zh-CN/tabs.md
@@ -123,7 +123,9 @@
 ```html
 <el-tabs type="border-card">
   <el-tab-pane>
-    <span slot="label"><i class="el-icon-date"></i> 我的行程</span>
+    <template #label>
+      <span><i class="el-icon-date"></i> 我的行程</span>
+    </template>
     我的行程
   </el-tab-pane>
   <el-tab-pane label="消息中心">消息中心</el-tab-pane>