iview/examples/routers/tabs.vue

20 lines
592 B
Vue
Raw Normal View History

<template>
2019-03-15 15:44:27 +08:00
<div>
<Button @click="showSecond = !showSecond">change</Button>
<Tabs value="name1">
<TabPane label="标签一" name="name1" :index="1">标签一的内容</TabPane>
<TabPane label="标签二" name="name2" :index="2" v-if="showSecond">标签二的内容</TabPane>
<TabPane label="标签三" name="name3" :index="3">标签三的内容</TabPane>
</Tabs>
</div>
2016-12-06 22:51:06 +08:00
</template>
2017-03-27 15:50:20 +08:00
<script>
2016-12-06 22:51:06 +08:00
export default {
2017-03-23 11:03:43 +08:00
data () {
return {
2019-03-15 15:44:27 +08:00
showSecond: false
2017-10-20 16:30:44 +08:00
}
}
}
</script>