update Tabs method of find children
Now, can use other components to package the TabPane, but should set animated to false.
This commit is contained in:
parent
13b2bfe919
commit
4d8b401656
5 changed files with 2191 additions and 1553 deletions
|
@ -1,12 +1,22 @@
|
|||
<template>
|
||||
<Tabs type="card" closable @on-tab-remove="handleTabRemove" :beforeRemove="handleBeforeRemove">
|
||||
<TabPane label="标签一" v-if="tab0">标签一的内容</TabPane>
|
||||
<TabPane label="标签二" v-if="tab1">标签二的内容</TabPane>
|
||||
<TabPane label="标签三" v-if="tab2">标签三的内容</TabPane>
|
||||
<Tabs type="card" :animated="true" closable @on-tab-remove="handleTabRemove" :beforeRemove="handleBeforeRemove">
|
||||
<Wrapper>
|
||||
<TabPane label="标签一" v-if="tab0">标签一的内容</TabPane>
|
||||
<TabPane label="标签二" v-if="tab1">标签二的内容</TabPane>
|
||||
<TabPane label="标签三" v-if="tab2">标签三的内容</TabPane>
|
||||
</Wrapper>
|
||||
</Tabs>
|
||||
|
||||
<!--<Tabs type="card" :animated="true" closable @on-tab-remove="handleTabRemove" :beforeRemove="handleBeforeRemove">-->
|
||||
<!--<TabPane label="标签一" v-if="tab0">标签一的内容</TabPane>-->
|
||||
<!--<TabPane label="标签二" v-if="tab1">标签二的内容</TabPane>-->
|
||||
<!--<TabPane label="标签三" v-if="tab2">标签三的内容</TabPane>-->
|
||||
<!--</Tabs>-->
|
||||
</template>
|
||||
<script>
|
||||
import Wrapper from '../components/wrapper.vue';
|
||||
export default {
|
||||
components: { Wrapper },
|
||||
data () {
|
||||
return {
|
||||
tab0: true,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue