fix: fix tabs bug for 'v-for' (#618)

This commit is contained in:
bastarder 2020-11-18 16:02:53 +08:00 committed by GitHub
parent 533638dd1a
commit 27cbf5fb6b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 16 additions and 7 deletions

View File

@ -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'

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>