Elemen table布局错乱解决方案

示例

解决方案

方案一

javaScript 复制代码
   <el-table ref="mainTable"></el-table>
   、、、
   // 接口请求触发重新布局方法
    this.$nextTick(() => {
    	this.$refs.mainTable.doLayout();
    });

方案二

java 复制代码
 <el-table
 	style="width: 100%;max-height:400px;overflow-y: auto;">
 </el-table>

总结

推荐第二种写法,一行代码能解决的不写第二行代码;

相关推荐
小码过河.5 分钟前
vue-office使用指南
前端·javascript·vue.js
wuhen_n14 分钟前
LeetCode -- 349. 两个数组的交集(简单)
前端·javascript·算法·leetcode
cypking24 分钟前
三、NestJS 开发实战文档-->集成 MySQL(TypeORM)
前端·数据库·mysql·adb·node.js
dreams_dream24 分钟前
Element UI菜单折叠后的el-menu-item属性无法修改问题解决
前端·vue
duanyuehuan25 分钟前
vueRouter重置路由
前端·javascript·vue.js
Misnearch31 分钟前
npm包-serve包使用
前端·npm·node.js
IT_陈寒36 分钟前
React 18 性能优化实战:5个被低估的Hooks用法让你的应用快30%
前端·人工智能·后端
阿珊和她的猫43 分钟前
页面停留时长埋点实现技术详解
开发语言·前端·javascript·ecmascript
chilavert3181 小时前
技术演进中的开发沉思-275 AJax : Slider
前端·javascript·ajax·交互
梦6501 小时前
基于 Vue3 + TypeScript 封装 UEditor 富文本编辑器组件
前端·vue.js·typescript