解决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();
});
相关推荐
前端小白从0开始42 分钟前
Vue3项目实现WPS文件预览和内容回填功能
前端·javascript·vue.js·html5·wps·文档回填·文档在线预览
難釋懷2 小时前
Vue解决开发环境 Ajax 跨域问题
前端·vue.js·ajax
挑战者6668882 小时前
vue入门环境搭建及demo运行
前端·javascript·vue.js
程序猿ZhangSir4 小时前
Vue3 项目的基本架构解读
前端·javascript·vue.js
亲亲小宝宝鸭5 小时前
写了两个小需求,终于搞清楚了表格合并
前端·vue.js
Face5 小时前
路由Vue-router 及 异步组件
前端·javascript·vue.js
风之舞_yjf6 小时前
Vue基础(14)_列表过滤、列表排序
前端·javascript·vue.js
疯狂的沙粒7 小时前
uni-app 项目支持 vue 3.0 详解及版本升级方案?
前端·vue.js·uni-app
Lhuu(重开版8 小时前
Vue:Ajax
vue.js·ajax·okhttp
国家不保护废物8 小时前
从刀耕火种到现代框架:DOM编程 vs Vue/React 进化史
前端·vue.js·react.js