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

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

刚开始我是用的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">
相关推荐
0***R5155 分钟前
前端云原生
前端·云原生
疯狂踩坑人16 分钟前
MCP理论和实战,然后做个MCP脚手架吧
前端·node.js·mcp
中杯可乐多加冰20 分钟前
基于 DeepSeek + MateChat 的证券智能投顾技术实践:打造金融领域的专属大Q模型助手
前端·人工智能
凡人程序员20 分钟前
搭建简易版monorepo + turborepo
前端·javascript
丸子哥哥21 分钟前
同一个域名,如何添加多个网站?
服务器·前端·nginx·微服务
不努力也不会混21 分钟前
vite联邦实现微前端(vite-plugin-federation)
前端·vue.js
伍亿伍千万23 分钟前
Uptime Kuma修改作为内嵌页面的自适应
前端
Heo25 分钟前
原来Webpack在大厂中这样进行性能优化!
前端·javascript·vue.js
涔溪26 分钟前
Vue2 项目中通过封装 axios 来同时连接两个不同的后端服务器
前端·vue.js·axios
Codebee38 分钟前
SOLO+OODER全栈框架:图生代码与组件化重构实战指南
前端·人工智能