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是自定义组件,不用管,只是内容。