控制 el-table 多列显示隐藏造成内容错乱

博客先提及el-table中el-popover显示问题,重点介绍el-table多列显隐问题。当el-table与el-tabs一起使用,各tab内容项不同,如待审核tab无需显示操作列且要加两列,用v-if会使表格内容错乱,解决办法是给每列加唯一key。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

刚刚介绍了el-table 中 el-popover 的显示问题,现在介绍一下el-table里的多列显隐问题。
很多时候我们会把el-table 和 el-tabs 放在一起使用,但是每栏 tab 里的内容项不是都一样,
例如:
在这里插入图片描述
在tab为待审核的时候,我不需要显示操作列,但是需要在加两列,但是如果只用v-if 会造成表格内容错乱。
解决办法:

<el-table-column :key="Math.random()" :style=" "></el-table-column>

或者

<el-table-column :key="Math.random()" v-if=" "></el-table-column>

就是给每列加一个唯一的key,就可以防止错乱

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值