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;
},

 

Logo

前往低代码交流专区

更多推荐