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

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

刚开始我是用的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">
相关推荐
山岚的运维笔记几秒前
SQL Server笔记 -- 第34章:cross apply
服务器·前端·数据库·笔记·sql·microsoft·sqlserver
前端程序猿i30 分钟前
第 8 篇:Markdown 渲染引擎 —— 从流式解析到安全输出
开发语言·前端·javascript·vue.js·安全
coding随想31 分钟前
告别构建焦虑!用 Shoelace 打造零配置的现代 Web 应用
前端
css趣多多34 分钟前
resize.js
前端·javascript·vue.js
_codemonster42 分钟前
java web修改了文件和新建了文件需要注意的问题
java·开发语言·前端
小冰球1 小时前
前端侦探:我是如何挖掘出网站里 28 个"隐藏商品"的?
前端·vue.js
3秒一个大1 小时前
深入解析 React 回到顶部(BackToTop)组件的实现与设计
前端·react.js·typescript
大时光1 小时前
gsap 配置解读 --1
前端
掘金安东尼1 小时前
零 JavaScript 的性能优化视频嵌入
前端·javascript·面试
布列瑟农的星空1 小时前
从 ES2015 到 ES2025:你还跟得上吗
前端