方法一:通过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
},