vue3 el table 闪动
时间: 2023-11-07 08:04:25 浏览: 101
会闪动的托盘
el-table 组件在动态改变 table 数据时,比如新增、删除或重新加载新的数据时,会出现闪动的现象。这是由于数据变化后,el-table 需要重新计算和渲染,导致页面上出现闪烁现象。为了解决这个问题,可以在数据更新后的 beforeUpdate 阶段,使用 $nextTick 方法调用 doLayout() 方法重新渲染 el-table,从而避免闪动现象。
另外,也可以给表头设定固定高度。这样,在某一列从隐藏到显示时,虽然表头会闪动,但是表头的高度不会再增加,表格数据域的高度也就不会变化,从而减少闪动的感知。
阅读全文