vue3+ant design vue实现表格数据格式化,针对后端返回是英文字段,前端需展示对应中文需求

1、新建一个ts文件

// 分配类型

// 状态
export const getStatus = [
  { value: 1, label: '开启' },
  { value: -1, label: '停用' },
  { value: 2, label: '执行中' },
  { value: 3, label: '已完成' },
];


// 格式化状态(固定写法)
export const getEnum = (v: string | number, list: any[]) => {
  let text = '';
  list.map((i) => {
    if (i.value == v) {
      text = i.label;
    }
  });
  return text || '';
};

2、使用方法

// 格式化下拉框
  import {getEnum,getStatus} from '@/views/SpecialFaceToFace/newNums';

const columns = [
    {
      title: '状态',
      dataIndex: 'status',
      key: 'status',
      align: 'center',
      // 格式化数据
      customRender: ({ text }) => getEnum(text, getStatus),
      ellipsis: true,
      width: 100,
    },
]