问题描述
el-table组件,在动态改变table数据,比如新增、删除、重新加载新的数据时,el-table重新渲染新的数据时会有闪动的现象
代码解决
element-ui el-table 动态新增 el-table-column,表格闪现问题的分析与解决
这篇文章解释的很清楚,就是数据变化后,重新计算、重新渲染的过程体现在了页面上,导致有闪烁现象。
beforeUpdate() {
// table数据更新后,重新渲染table避免闪动
this.$nextTick(() => {
this.$refs['table'].doLayout()
})
},