现象:定义多个头部和多个数据体,可以自由切换不同的头部和相应的数据体,但是切换过程表格会变形。
解决办法:table增加索引,切换头部和数据时,修改为不同的索引,即可解决
重点:表格标签上的 key="tableTabCurrent" ,和表头切换时tableTabCurrent值改变
<div v-if="tableTabCurrent===2" class="table_tabs_content_item">
<el-table
ref="multipleTable2"
:key="tableTabCurrent"
:data="tabledata"
tooltip-effect="dark"
style="width: 100%"
height="256px"
@selection-change="handleSelectionChange"
>
...