element-ui表格切换样式变形

    科技2024-06-25  76

    现象:定义多个头部和多个数据体,可以自由切换不同的头部和相应的数据体,但是切换过程表格会变形。

    解决办法: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" > ...

     

    Processed: 0.012, SQL: 8