近日前端遇到一些问题,客户提出问题:当出现多个el-tab时,里面的el-table加载总是会实实在在的看到表格宽度的变化,让用户体验不是很好。
于是 看帖子 https://blog.csdn.net/chuxuan0215/article/details/100522348 找到了解决方案
主要是 这段话 延迟100毫秒 加载表格布局。
setTimeout(()=>{ this.$refs.tableMachineData.doLayout() },100);
<el-tabs v-model="activeNameDetailTab" @tab-click="handleDetailClick">
<!--机器信息-->
<el-tab-pane label="机器信息" name="second">
<div v-if="priOrpub==2">
<el-table border tooltip-effect="dark" ref="tableMachineData" :data="tableMachineData" >
<el-table-column label="序号" type="index" width="70" align="center" :index="(currentPageMachine-1)*pageSize