vue el-table 数据变化后,高度渲染问题
场景:el-table设置了height属性,但是切换查询条件后再次点击查询重新获取data时,el-table渲染的高度会有问题,滚动区域变矮了。
解决办法:使用
doLayout
方法,在表格数据渲染后调用doLayout
方法可以重新布局表格
this.$nextTick(() => {
this.$refs.tableRef.doLayout() // <el-table ref="tableRef" ...>
})
场景:el-table设置了height属性,但是切换查询条件后再次点击查询重新获取data时,el-table渲染的高度会有问题,滚动区域变矮了。
解决办法:使用
doLayout
方法,在表格数据渲染后调用doLayout
方法可以重新布局表格
this.$nextTick(() => {
this.$refs.tableRef.doLayout() // <el-table ref="tableRef" ...>
})