解决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();
});
相关推荐
晓晓莺歌1 小时前
vue3某一个路由切换,导致所有路由页面均变成空白页
前端·vue.js
一只自律的鸡2 小时前
【Linux驱动】bug处理 ens33找不到IP
linux·运维·bug
web打印社区6 小时前
web-print-pdf:突破浏览器限制,实现专业级Web静默打印
前端·javascript·vue.js·electron·html
Amumu121387 小时前
Vuex介绍
前端·javascript·vue.js
css趣多多8 小时前
Vue过滤器
前端·javascript·vue.js
这是个栗子9 小时前
【Vue代码分析】前端动态路由传参与可选参数标记:实现“添加/查看”模式的灵活路由配置
前端·javascript·vue.js
刘一说10 小时前
Vue 动态路由参数丢失问题详解:为什么 `:id` 拿不到值?
前端·javascript·vue.js
方也_arkling10 小时前
elementPlus按需导入配置
前端·javascript·vue.js
David凉宸10 小时前
vue2与vue3的差异在哪里?
前端·javascript·vue.js
css趣多多11 小时前
this.$watch
前端·javascript·vue.js