vue+element-ui中的el-table-column使用v-if导致位置错乱的现象

vue+element-ui中的el-table-column使用v-if导致位置错乱的现象,第1张

vue+element-ui中的el-table-column使用v-if导致位置错乱的现象

在使用tab切换时,由于使用的表格列,有时候会有不同,使用v-if做判断,在切换时,往往没有很准确的显示和隐藏掉相关列;

会错乱的写法:

1 金额数
2 订单数

正确的写法:

1 金额数
2 订单数

给使用了v-if的列,加一个固定的key值,这样子不会存在此问题了。

 或者这样子也是可以的

1 金额数
2 订单数

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1321305.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)

保存