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

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

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

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

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

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

2、使用插槽解决，如下图：

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

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

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

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

《前端》Element ui 表格（Table）组件中前端实现数据分页和模糊查询--未看
我是用的Element ui 表格(Table)组件中的例子下面是别人自己写的方法: Element ui 表格(Table)组件中前端实现数据分页和模糊查询_明天也要努力的博客-CSDN博客 h ...
在Element UI中表格根据数据动态变化显示表格的内容
需求对于Element UI里的表格,如果假设传入data的数据为数字(事实上其他的字母之类的也可)代表为表格的一些固定选项,而不是直接传入字符串,怎样实现替换.比如对于某个表格的选项,传入的数据用 ...
element ui中穿梭框等列表文字显示过长隐藏问题处理
主要记录一下element ui组件中穿梭框.table列表内容显示不全解决方式对于Transfer 穿梭框中的文字过长隐藏问题处理: 1.实现效果: 解决方式; 1. <el-row :gu ...
element ui 级联选择器，渲染后不显示数据
element ui 的级联选择器只能用 value label 来渲染,而往往后端发给我们的数据并不是按照这个来命名的,所以element ui给我们提供了Props来进行配置但鉴于本人水平有限, ...
vue2.0的Element UI的表格table列时间戳格式化
表格属性 [html] view plain copy <el-table :data="tableData" v-loading.body="loading&qu ...
Element UI的表格table列的宽度自适应设置
不要设置 width="110px" <el-table-column prop="login_id" align="center" ...
使用element UI时，table表格插入input输入框后里面的内容无法编辑问题
其实此处打的问题是内容已经被修改了,但是table表格因为没有更新数据,所以看起来像是没有修改成功此处可以添加给对应的input标签添加@input="onExchange(scope.$ ...
element ui前端排序，某列有数据为空值时，排序错乱问题
表格排序列的数据出现空值时,组件自带的排序功能不正常.而后查找了相关解决方法,有一网友给了我启示,解决了问题,现在照着思路写下步骤,日后再次遇到方便查找解决方式是重新定义一个新数组:遍历表格数据da ...
使用element UI的日期选择器时，默认显示当天日期。
需求:输入框中要把当天日期显示在输入框中 <el-form-item label="交易数据"><el-date-pickertype="date&qu ...

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

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

最新文章

热门文章