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>

总结

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

相关推荐
小蹦跶儿21 小时前
Vue项目中字体引入:完整实操指南
vue.js·字体·视觉设计
晴殇i21 小时前
【拿来就用】Uniapp路由守卫终极方案:1个文件搞定全站权限控制,老板看了都点赞!
前端·javascript·面试
嘿siri21 小时前
uniapp enter回车键不触发消息发送,已解决
前端·前端框架·uni-app·vue
CodeCraft Studio21 小时前
Excel处理控件Aspose.Cells教程:使用C#在Excel中创建树状图
前端·c#·excel·aspose·c# excel库·excel树状图·excel sdk
咬人喵喵21 小时前
CSS Flexbox:拥有魔法的排版盒子
前端·css
LYFlied21 小时前
TS-Loader 源码解析与自定义 Webpack Loader 开发指南
前端·webpack·node.js·编译·打包
yzp011221 小时前
css收集
前端·css
暴富的Tdy21 小时前
【Webpack 的核心应用场景】
前端·webpack·node.js
遇见很ok21 小时前
Web Worker
前端·javascript·vue.js
风舞红枫21 小时前
前端可配置权限规则案例
前端