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

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

刚开始我是用的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">
相关推荐
AndrewHZ1 分钟前
【GIS数据处理】什么是Cesium?从零入门Web端三维地理可视化工具
javascript·gis·web开发·cesium·gis前端·三维地理可视化
GISer_Jing4 分钟前
Next.js 15 全栈开发实战指南
开发语言·javascript·ecmascript
+VX:Fegn08954 分钟前
计算机毕业设计|基于springboot + vue服装商城系统(源码+数据库+文档)
数据库·vue.js·spring boot
JIngJaneIL5 分钟前
基于Java在线考试管理系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot
凌康ACG6 分钟前
c++使用quickjs执行JavaScript
javascript·c++·quickjs
JIngJaneIL10 分钟前
基于Java音乐管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
软件技术NINI11 分钟前
前端面试题
前端
接着奏乐接着舞15 分钟前
react hooks
前端·javascript·react.js
踢球的打工仔16 分钟前
前端html(3)
前端·算法·html
IDOlaoluo16 分钟前
nginx-sticky怎么用 Nginx 负载均衡添加 sticky 模块完整步骤
前端·chrome