22 lines
536 B
Vue
22 lines
536 B
Vue
<template>
|
|
<div style="height: 5000px">
|
|
<Tabs type="card">
|
|
<TabPane v-for="tab in tabs" :key="tab" :label="'标签' + tab">标签{{ tab }}</TabPane>
|
|
<Button @click="handleTabsAdd" size="small" slot="extra">增加</Button>
|
|
</Tabs>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
tabs: 20
|
|
}
|
|
},
|
|
methods: {
|
|
handleTabsAdd () {
|
|
this.tabs ++;
|
|
}
|
|
}
|
|
}
|
|
</script>
|