element table 表格中 将null值变成空字符串

Question

我怎么把element table 表格中 将null值变成空字符串，数据量比较大，要是处理数据的话比较麻烦，element 里有没有解决这个问题的属性或方法。

Answer 1

用slot

<el-table-column prop="tel" label="联系方式">
          <template slot-scope="scope">
            <span v-if="scope.row.tel==null"> </span>
            <span v-else>{{scope.row.tel}}</span>
          </template>
        </el-table-column>

Answer 2

先回答问题：没有。
想简单点解决就是让后台初始化成空字符串，而不是null

Answer 3

写个公用API 转下就行了

[].forEach

item.xxx===null || item.xxx==='null' ==> item.xxx='';

Answer 4

不对，一般返回数据为null是不会显示，要么后台返回null是字符串类型吧