【笔记】el-table 空单元格填充自定义内容 以及 不同内容不同色

---

原本以为是empty-text属性：

empty-text

空数据时显示的文本内容，也可以通过 slot="empty" 设置

String

—

暂无数据

后来发现这是整个表格数据源为空时使用的。。。

正确操作：

<el-table-column prop="dataItem">
  <template slot-scope="{ row: { dataItem} }">
    {{ dataItem|| "--" }}
  </template>
</el-table-column>

不同内容不同色：

<el-table-column prop="dataItem">
  <template slot-scope="{ row: { dataItem} }">
    <span v-if="dataItem">正常</span>
    <span style="color: red" v-else>异常</span>
  </template>
</el-table-column>

---

over