关于element-ui的el-table某列不显示或错乱问题

最近在利用el-table做表格时,突然出现某一列数据不显示问题,逐一排查后,并没有发现是什么原因,字段名和用法都没错,就是不显示,还出现了对应字段错乱问题。如下图:

 字段名和el-table-column的prop属性都能对上,但找不到错误原因;

 经过一系列的上网查找,总结了一些解决方法:

1、给对应的el-table-column加上唯一标识:

:key="Math.random()"  ;确实在某些情况下有用,但有时候也不起作用。

2、使用插槽解决,如下图:

 直接去获取当前行的信息,拿出想要的数据进行显示;这也是我个人觉得稍微靠谱点的方法。

之后发现可能出现这类错误的原因,可能因为在一个页面有两个el-table表,其中prop的字段名都一样,也许是这样造成了冲突,导致一个正常显示,一个异常显示。

 

 

以上内容纯属个人看法,有不足之处还望各位大神指正!~

  • 9
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值