《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類型！！！