a-tabs activekey用法
`a-tabs activekey` 用于在 `a-tabs` 组件中指定当前活动选项卡的键。在 `a-tabs` 中,`activekey` 属性的值应设置为所选选项卡的键。
例如:
```vue
<template>
<a-tabs v-model:activeKey="activeTabKey">
<a-tab-pane key="1" tab="Tab 1">Content of Tab Pane 1</a-tab-pane>
<a-tab-pane key="2" tab="Tab 2">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>
</template>
<script>
export default {
pane data() {
return {
activeTabKey: "2" // 默认选中 Tab 2
};
}
};
</script>
```
在上述示例中,根据 `activeTabKey` 的值,Tab 2 将被默认选中。若要更改活动选项卡,只需更新 `activeTabKey` 的值即可。例如,将其更改为 `activeTabKey: "3"` 将选中 Tab 3。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论