element-ui el-table 表格渲染错位以及高度计算错误问题

前提:在项目中做动态表格,有时表格内容会错位,有时表格高度计算错误

原因:在获得数据之后DOM不重新渲染了,即DOM渲染发生在获取数据之前

解决方法:获取数据之后再让表格重新渲染,在el-table的 Table Methods中有一个方法

 

 

 在请求获得数据后,立刻获取更新后的DOM

this.$nextTick(() => {
     this.$refs.multipleTable.doLayout();
     // el-table加ref="multipleTable"
 });

 

posted @ 2020-07-21 14:25  棠樾  阅读(4913)  评论(0)    收藏  举报