文章目录
原本以为是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