方法一：通过css设置

1
2
3
4
5
6
7
8
9
10
11
12
/deep/.el-table {
  .cell:empty::before {
    content: "---";
    color: #ccc;
  }
  .is-leaf {
    .cell:empty::before {
      content: "---";
      color: #ccc;
    }
  }
}

方法二：过滤

在 el-table-column 里使用 :formatter

1
2
3
4
5
6
<el-table-column
  prop="caseTypeNames"
  label="类型"
  :formatter="caseTypeNamesFormat"
>
</el-table-column>
1
2
3
4
5
6
// 类型格式化
caseTypeNamesFormat (row) {
  let showProp = null
  row.caseTypeNames ? showProp = row.caseTypeNames : showProp = '---'
  return showProp
},