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

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

刚开始我是用的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">
相关推荐
xhxxx17 小时前
一个空函数,如何成就 JS 继承的“完美方案”?
javascript·面试·ecmascript 6
韩曙亮17 小时前
【Web APIs】元素可视区 client 系列属性 ② ( 立即执行函数 )
前端·javascript·dom·client·web apis·立即执行函数·元素可视区
羊羊小栈17 小时前
基于「YOLO姿态识别 + AI大模型分析」的智能健身辅助系统(vue+flask+AI算法)
vue.js·人工智能·yolo·毕业设计·创业创新·大作业
秋邱17 小时前
AR 技术创新与商业化新方向:AI+AR 融合,抢占 2025 高潜力赛道
前端·人工智能·后端·python·html·restful
一只一只妖17 小时前
Taro+Vue3+TS+Vite 小程序开发底座搭建流程
vue.js·小程序·taro
随笔记17 小时前
uniapp开发app使用海康威视播放监控视频流如何使用以及遇到了什么问题
vue.js·uni-app·视频编码
www_stdio17 小时前
JavaScript 原型继承与函数调用机制详解
前端·javascript·面试
羽沢3117 小时前
vue3 + element-plus 表单校验
前端·javascript·vue.js
前端九哥17 小时前
如何让AI设计出Apple风格的顶级UI?
前端·人工智能
红石榴花生油17 小时前
Linux服务器权限与安全核心笔记
java·linux·前端