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

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

刚开始我是用的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">
相关推荐
安_3 分钟前
<style scoped>跟<style>有什么区别
前端·vue
姝然_95274 分钟前
Claude Code 命令完整文档
前端
wjcroom4 分钟前
web版进销存的设计到实现一
前端
无知的前端7 分钟前
Flutter常见问题以及解决方案
前端·flutter·dart
BD_Marathon19 分钟前
Vue3_Vite构建工程化前端项目
前端
武清伯MVP21 分钟前
CSS Grid布局全解析:从基础到实战的二维布局方案
前端·css·grid
xfq26 分钟前
typescript泛型枚举以及NaN传染处理
前端·typescript
ErMao26 分钟前
开始搭建第一个React项目吧~
前端·react.js
郑州光合科技余经理27 分钟前
实战:攻克海外版同城生活服务平台开发五大挑战
java·开发语言·javascript·数据库·git·php·生活
Yanni4Night36 分钟前
JavaScript打包器大奖赛:谁是构建速度之王? 🚀
前端·javascript