《Antd踩坑记》AntdTabs⽆法动态设置选中的tab页问题:tabs绑定v-model / activeKey⽆效;⽆法动态设置选中的tab页
问题代码:
<a-tabs v-model="activeKey" tab-position="left">
<a-tab-pane v-for="(type,index) in item.checkApplyTypes" :key="index" :tab="type.checkTypeName">
原因:循环加载tab-pane 时将key绑定了index,index是number类型,控件⽆法识别
正确代码:
<a-tabs v-model="activeKey" tab-position="left">
pane<a-tab-pane v-for="(type,index) in item.checkApplyTypes" :key="(index+1).toString()" :tab="type.checkTypeName">
总结:⼀定要注意tabs activeKey/v-model和tab pane的key绑定的类型,必须是string类型
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论