《Antd踩坑记》Antd Tabs无法动态设置选中的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">
    <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类型！！！

标签：index,tab,坑记,tabs,pane,绑定,key,Antd
来源： https://www.cnblogs.com/Yan3399/p/15392813.html