解决el-table设置固定高度后,展示不同列时表格高度变小bug

解决el-table设置固定高度后,展示不同列时表格高度变小bug

1、需求分析

复制代码
在el-table使用过程中,选择多个参数展示更多列时会出现高度变小问题

究其原因可知是el-table列动态发生变化后,el-table__body-wrapper的高度变小了

2、解决方案

在更新表格数据后对el-table进行重载

bash 复制代码
// 给el-table添加ref="tableRef"
this.$nextTick(() => {
   this.$refs.tableRef.doLayout();
});
相关推荐
南玖i2 分钟前
vue3 通过 Vue3DraggableResizable实现拖拽弹窗,可修改大小
前端·javascript·vue.js
bitbitDown5 小时前
四年前端分享给你的高效开发工具库
前端·javascript·vue.js
lumi.7 小时前
Vue.js 从入门到实践1:环境搭建、数据绑定与条件渲染
前端·javascript·vue.js
二十雨辰7 小时前
vue核心原理实现
前端·javascript·vue.js
影子信息7 小时前
[Vue warn]: Error in mounted hook: “ReferenceError: Jessibuca is not defined“
前端·javascript·vue.js
BTU_YC8 小时前
FastAPI+Vue前后端分离架构指南
vue.js·架构·fastapi
初圣魔门首席弟子8 小时前
flag使用错误出现bug
c++·bug
正义的大古11 小时前
OpenLayers地图交互 -- 章节七:指针交互详解
前端·javascript·vue.js·openlayers
qwy71522925816311 小时前
vue自定义指令
前端·javascript·vue.js
看到我请叫我铁锤11 小时前
vue3使用leaflet的时候高亮显示省市区
前端·javascript·vue.js