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

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

刚开始我是用的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">
相关推荐
浪遏2 小时前
我的远程实习(二) | git 持续更新版
前端
智商不在服务器2 小时前
XSS 绕过分析:一次循环与两次循环的区别
前端·xss
_Matthew2 小时前
JavaScript |(四)正则表达式 | 尚硅谷JavaScript基础&实战
开发语言·javascript·正则表达式
MonkeyKing_sunyuhua2 小时前
npm WARN EBADENGINE required: { node: ‘>=14‘ }
前端·npm·node.js
Hi-Jimmy2 小时前
【VolView】纯前端实现CT三维重建-CBCT
前端·架构·volview·cbct
janthinasnail3 小时前
编写一个简单的chrome截图扩展
前端·chrome
拉不动的猪3 小时前
刷刷题40(vue中计算属性不能异步,如何实现异步)
前端·javascript·vue.js
冴羽yayujs3 小时前
SvelteKit 最新中文文档教程(6)—— 状态管理
前端·javascript·vue.js·前端框架·react·svelte·sveltekit
烛阴3 小时前
前端进阶必学:JavaScript Class 的正确打开方式,让你代码更清晰!
前端·javascript
乐闻x4 小时前
如何创建HTML自定义元素:使用 Web Component 的最佳实践
前端·html·web component