arco-design的tabs组件问题

使用ATabs进行切换

问题:a-tabs 使用 v-model:active-key 绑定默认要展示的 tab 使用 tabs-click 出发切换 tab 不要使用组件提供的属性切换,会导致内容切换时不重新渲染

解决:click 时修改 activeKey 值

1
2
3
4
5
6
7
8
<a-tabs v-model="activeKey" @tab-click="click">
<a-tab-pane :key="1">
<div v-show="activeKey == 1"></div>
</a-tab-pane>
<a-tab-pane :key="2">
<div v-show="activeKey == 2"></div>
</a-tab-pane>
</a-tabs>

后续发现其实ATab用于切换 content的部分使用component切换最好

1
2
<a-tabs v-model:activeKey="activeKey" />
<component :is="getComponent" />

arco-design的tabs组件问题
https://garlandqian.github.io/2023/09/01/arcoDesign/ATabs显示content/
作者
Garland Qian
发布于
2023年9月1日
许可协议