当前位置: 首页 > Web前端 > HTML

元素动态表增加一个删除行和列的问题

时间:2023-03-28 13:31:54 HTML

现象:当行改变时;桌子先变高,然后迅速恢复。更改列时;表头先变高,然后迅速恢复。原因:Vue在重新渲染到页面之前需要重新计算单元格的高和宽,无论是增加还是删除行和列。因为这个过程是直接反馈给页面的,所以导致表格闪烁。解决方法:使用element提供的doLayout方法doLayout重新布局Table。当Table或其祖先从隐藏切换到显示时,可能需要调用此方法。beforeUpdate(){this.$nextTick(()=>{//数据加载完成后,重新渲染表格this.$refs['table'].doLayout();})}