＜a-table＞-＞Column-＞ customRender

正确示例：

<a-table :columns="columns" :data-source="tableData">
      <span slot="status" slot-scope="record">
        <a> {{ record.status === 0 ? '正常' : '禁用' }}</a>
      </span>
</a-table>
{
  title: '状态',
  key: 'status',
  // 采用dataIndex方式，需要将tableData里的status转换成正常和禁用
  // 觉得不应该去修改原接口返回数据，且是为了做展示去修改成展示值
  // 再来就是后续其他地方使用tableData时还是期望使用0和1
  // dataIndex: 'status',
  scopedSlots: { customRender: 'status' },
},

问题描述：

接口返回的status是0和-1，页面期望展示成正常和禁用。

若采用dataIndex方式，需要将tableData里的status转换成正常和禁用，觉得为了做展示去把tableData中status的值修改成展示值，不是很合理，且后续其他地方使用tableData时还是期望使用0和1

解决方法：

使用Column的customRender借助插槽来完成页面展示