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

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

刚开始我是用的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">
相关推荐
GGGG寄了3 分钟前
CSS——CSS引入方式+选择器类型
前端·css·html
墨染青竹梦悠然4 分钟前
基于Django+vue的图书借阅管理系统
前端·vue.js·后端·python·django·毕业设计·毕设
码农六六8 分钟前
js函数柯里化
开发语言·前端·javascript
爱敲代码的小鱼13 分钟前
Vue的简介:
前端·javascript·vue.js
H_ZMY29 分钟前
前端瀑布流布局:从基础实现到高性能优化全解析
前端·性能优化
jin42135231 分钟前
基于React Native鸿蒙跨平台一款阅读追踪应用完成进度条的增加与减少,可以实现任务的进度计算逻辑
javascript·react native·react.js·ecmascript·harmonyos
星夜落月32 分钟前
从零部署Wallos:打造专属预算管理平台
服务器·前端·网络·建站
qq_124987075336 分钟前
基于html的书城阅读器系统的设计与实现(源码+论文+部署+安装)
前端·vue.js·spring boot·后端·mysql·信息可视化·html
方安乐39 分钟前
react笔记之useLayoutEffect
javascript·笔记·react.js