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


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

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

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

 

 

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

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM