element-ui el-table 表格渲染错位以及高度计算错误问题
前提:在项目中做动态表格,有时表格内容会错位,有时表格高度计算错误
原因:在获得数据之后DOM不重新渲染了,即DOM渲染发生在获取数据之前
解决方法:获取数据之后再让表格重新渲染,在el-table的 Table Methods中有一个方法

在请求获得数据后,立刻获取更新后的DOM
this.$nextTick(() => { this.$refs.multipleTable.doLayout(); // el-table加ref="multipleTable" });
故不积跬步,无以至千里;不积小流,无以成江海。

浙公网安备 33010602011771号