解决Elementui Table控件动态列初始化错位、错行问题主要基于两点:
- 对于el-table中动态渲染的列:要有key,如:
<el-table-column
:key="index+Math.random()"> // 这里注意,一定要保证key的不一致性
</el-table-column>
- 在获取完数据时,在nextTick中进行doLayout()
this.$nextTick(() => {
this.$refs['your-table-name'].doLayout()
})
完成以上两点,即解决了初始化问题