2016-12-06 22:51:06 +08:00
|
|
|
<template>
|
2017-01-03 10:18:03 +08:00
|
|
|
<i-button @click="add">add</i-button>{{more}}
|
|
|
|
<Tabs active-key="key1" type="card" closable>
|
2016-12-12 10:37:52 +08:00
|
|
|
<tab-pane label="标签一" key="key1">标签一的内容</tab-pane>
|
|
|
|
<tab-pane label="标签二" key="key2">标签二的内容</tab-pane>
|
|
|
|
<tab-pane label="标签三" key="key3">标签三的内容</tab-pane>
|
2017-01-03 10:18:03 +08:00
|
|
|
<tab-pane label="标签四" key="key4" v-if="more">标签四的内容</tab-pane>
|
2016-12-07 12:10:47 +08:00
|
|
|
</Tabs>
|
2016-12-06 22:51:06 +08:00
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
2017-01-03 10:18:03 +08:00
|
|
|
data () {
|
|
|
|
return {
|
|
|
|
more: false
|
|
|
|
}
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
add () {
|
|
|
|
this.more = !this.more;
|
|
|
|
}
|
|
|
|
}
|
2016-12-06 22:51:06 +08:00
|
|
|
}
|
2016-12-07 12:10:47 +08:00
|
|
|
</script>
|