tips:ant design vue Tabs的activeKey只能是string,否则设置不起作用
原因:缓存导致,当选择其他选项卡页时,关闭后,再次打开,还是会选择关闭前的选项卡页
解决:
利用activeKey
html代码:
这里给选项卡设置activeKey值,然后通过change回调将每次选择后的key值赋值给activeKey
<a-tabs :activeKey="activeKey" @change="(key) => { this.activeKey = key }">
<a-tab-pane key="0" tab="xx信息"></a-tab-pane>
<a-tab-pane key="1" tab="yy信息"></a-tab-pane>
</a-tabs>
js代码:
然后在打开选项卡的方法中,重置activeKey,使之选择第一个选项卡页
handleDetail(row){
this.activeKey = '0';
this.detailVisible = true;
},