40 lines
651 B
Markdown
40 lines
651 B
Markdown
<cn>
|
|
#### 基本用法
|
|
默认选中第一项。
|
|
</cn>
|
|
|
|
<us>
|
|
#### basic Usage
|
|
Default activate first tab.
|
|
</us>
|
|
|
|
```vue
|
|
<template>
|
|
<div>
|
|
<a-tabs default-active-key="1" @change="callback">
|
|
<a-tab-pane key="1" tab="Tab 1">
|
|
Content of Tab Pane 1
|
|
</a-tab-pane>
|
|
<a-tab-pane key="2" tab="Tab 2" force-render>
|
|
Content of Tab Pane 2
|
|
</a-tab-pane>
|
|
<a-tab-pane key="3" tab="Tab 3">
|
|
Content of Tab Pane 3
|
|
</a-tab-pane>
|
|
</a-tabs>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {};
|
|
},
|
|
methods: {
|
|
callback(key) {
|
|
console.log(key);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
```
|