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

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

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

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

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

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

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

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

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

 

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

猜你喜欢

转载自blog.csdn.net/weixin_64482155/article/details/127385087