在ElementUI的表格中，当从display:none切换到display:block，特别是在有列合并的情况下，会引起页面回流，导致表格的高度和宽度发生变化，进而影响固定列的位置，造成塌陷。解决这个问题的方法是在updated钩子中调用表格组件的doLayout方法，使表格重新布局。
原因：
当两个页面切换（display：none到block，而出现这个问题的表格中是有列合并的操作）会导致页面回流，由于elementUI的表格高度是计算得出，发现这个表格的高度以及宽度与之前正常渲染的都发生了改变，这样就导致了固定列（el-table__fixed-body-wrapper）位置直接计算不准确导致塌陷。
解决方法：
updated钩子中使用el-talbe自带的doLayout方法。调用此方法后table组件会重排。
updated(){
this.$refs.mainTable.doLayout()
},
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
