显示和隐藏两个不同表格在同一个位置,列的宽度错乱。

当切换按钮,显示和隐藏两个不同表格在同一个位置的时候。列的宽度又是不固定的,会出现列宽度错乱的问题

刚开始我是用的el-table自带的doLayout(),并不适合用。反正我这边是不起作用的,不知道是不是我用错了。

1,

在el-table上写了ref="Highlight",doLayout()的意思是"对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时,可能需要调用此方法"

javascript 复制代码
// let _self = this;
// this.$nextTick(function() {
 //   _self.$refs.Highlight.doLayout();
 // })

2,后来我是在第二个表格上加了key,解决了这个问题。

javascript 复制代码
<el-table v-if="Type == 1" key="index1">
相关推荐
小酒星小杜4 分钟前
在AI时代下,技术人应该学会构建自己的反Demo地狱系统
前端·vue.js·ai编程
Code知行合壹15 分钟前
Pinia入门
vue.js
今天也要晒太阳47319 分钟前
element表单和vxe表单联动校验的实现
vue.js
kirito707724 分钟前
前端项目架构(基于 monorepo)
前端
去哪儿技术沙龙29 分钟前
Qunar酒店搜索排序模型的演进
前端·架构·操作系统
重铸码农荣光29 分钟前
TypeScript:JavaScript 的“防坑装甲”,写代码不再靠玄学!
前端·react.js·typescript
用户6000718191032 分钟前
【翻译】构建类型安全的复合组件
前端
掘金安东尼44 分钟前
向大家介绍《开发者博主联盟》🚀
前端·程序员·github
火车叼位1 小时前
div滚动条是否存在?用 v-scroll-detect 增加一个辅助class
前端
H_z_q24011 小时前
web前端(HTML)银行汇款单的制作
前端·html