vue3 vxe-grid 在使用expand列展开的expandContent里面如果有Tabs的时候,切换tabpane的时候,展开的行会同步切换的解决方法

1、先上个图:

2、其实这个问题就是因为绑字同一个值导致,不同的行,应该需要绑定不同的值,这样就不会出现同步切换tabpane的情况出现了。

3、代码:

<Tabs v-model:active-key="activeKeys[rowIndex]">
              <TabPane key="1" tab="tab1">
                <FsTable :mname="mnnameSteles" :id="rid" />
              </TabPane>
              <TabPane key="2" tab="tab2">
                <FsTable :mname="mnnameFsdj" :id="rid" />
              </TabPane>
</Tabs>
const activeKeys = ref([] as any[]);

说明:

定义一个ref里面是一个数组,通过rowIndex来分别绑定值就可以了。

FsTable是自定义组件,不用管,只是内容。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值