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

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

刚开始我是用的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">
相关推荐
一个处女座的程序猿O(∩_∩)O1 分钟前
现代前端开发的三大支柱:TypeScript、ESLint、Prettier 深度解析与完美协作
javascript·typescript
xiangxiongfly91518 分钟前
JavaScript 惰性函数
javascript·惰性函数
源码获取_wx:Fegn089520 分钟前
基于springboot + vue小区人脸识别门禁系统
java·开发语言·vue.js·spring boot·后端·spring
坚持学习前端日记21 分钟前
个人网站从零到盈利的成长策略
前端·程序人生
POLITE331 分钟前
Leetcode 76.最小覆盖子串 JavaScript (Day 6)
javascript·算法·leetcode
CamilleZJ34 分钟前
eslint+prettier
前端·eslint·工程化·prettier
web小白成长日记1 小时前
深入理解 React 中的 Props:组件通信的桥梁
前端·javascript·react.js
2501_946675641 小时前
Flutter与OpenHarmony打卡步进器组件
java·javascript·flutter
tjswk20081 小时前
在ios上动态插入元素的列表使用:last-child样式可能不能及时生效
前端
小小荧1 小时前
CSS 写 SQL 查询?后端慌了!
前端·sql