kui-vue
Version:
A high quality UI Toolkit built on Vue.js 2.0
35 lines (33 loc) • 532 B
Markdown
<cn>
#### 基本用法
默认选中第一项。
</cn>
```vue
<template>
<Tabs v-model="current" @change="change">
<TabPane key="1" title="Tab 1">
Content of Tab Pane 1
</TabPane>
<TabPane key="2" title="Tab 2">
Content of Tab Pane 2
</TabPane>
<TabPane key="3" title="Tab 3">
Content of Tab Pane 3
</TabPane>
</Tabs>
</template>
<script>
export default{
data() {
return {
current:'1'
}
},
methods:{
change(key){
console.log(key)
}
}
}
</script>
```