网上找了很多解决方案,本人筛选出比较靠谱的两种解决方式
方案一
el-table-column标签上加:key="Math.random()",可以解决但是会产生抖动现象,客户体验不好。
方案二
el-table标签加上ref="showData_table"并在生命周期函数update中进行调用doLayout()方法
<el-table v-loading="loading" :data="historyList" @selection-change="handleSelectionChange" :height="510" ref="showData_table">
updated() {
this.$refs['showData_table'].doLayout()
}
总结:方法二完美解决v-if引起的高度问题,并且无抖动