element表格，当数据为空的为空时，展示“-”

实现效果：

有些时候后端返回的数据为空，默认清空下列表显示的是空白，空白不好看，给用户的体验也不是太好，我们可以设置当数据为空时展示“-”，当然也可以使用插槽一个一个判断，但是那样太麻烦了。今天带来一种比较简单的方法。

给需要格式化的某列添加 :formatter="formatColumn"

<el-table-column label="预留字段20" prop="standby20" :formatter="formatColumn" />

添加方法：使用三元表达式判断当里面的值为空时展示“-”，展示的内容可自定义，判断条件也可以自己根据实际需求来写，将需要显示的值return出去即可。

formatColumn(row, column) {
  // 自定义渲染函数，将 null 显示为 "-"
  return row[column.property] === null ? "-" : row[column.property];
},