解决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();
});
相关推荐
我是小路路呀3 小时前
element级联选择器:已选中一个二级节点,随后又点击了一个一级节点(仅浏览,未确认选择),此时下拉框失去焦点并关闭
javascript·vue.js·elementui
JIngJaneIL3 小时前
基于springboot + vue古城景区管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
澄江静如练_4 小时前
列表渲染(v-for)
前端·javascript·vue.js
Loo国昌4 小时前
Vue 3 前端工程化:架构、核心原理与生产实践
前端·vue.js·架构
前端白袍5 小时前
Vue:如何实现一个具有复制功能的文字按钮?
前端·javascript·vue.js
new code Boy5 小时前
escape谨慎使用
前端·javascript·vue.js
爱分享的鱼鱼9 小时前
对比理解 Vue 响应式 API:data(), ref、reactive、computed 与 watch 详解
前端·vue.js
JS_GGbond9 小时前
【性能优化】给Vue应用“瘦身”:让你的网页快如闪电的烹饪秘籍
前端·vue.js
刘一说10 小时前
Vue Router:官方路由解决方案解析
前端·javascript·vue.js
计算机学姐10 小时前
基于php的摄影网站系统
开发语言·vue.js·后端·mysql·php·phpstorm