el-table表格中数据为空时，用符号 ‘--‘ 代替

一、通过template标签

   <el-table-column label="姓名">
      <template slot-scope="scope">{
    
    {
    
    scope.row.name ? scope.row.name : '--'}}</template>
    </el-table-column>

二、通过css伪类:empty选择器

1.为table设置class名称

2.设置css样式

<style scoped>
/* el-table 列数据为空自动显示 -- */
.className :empty::before{
    
    
	content:'--';
	color:gray;
}
</style>

亲测效果：