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

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

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

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

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

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

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

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

 

 

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐