导出数据至Excel时数字前显示单引号的问题求助

原因 #

后端返回的数字字段是字符串格式（比如"123"而非123），Excel导出工具会把这类文本格式的数字识别成文本内容，最终显示前置单引号。

前端处理方法 #

导出前先把数据里的纯数字字符串转成数值类型：

// 假设useLazyQuery获取的原始数据是dataList
const handledData = dataList.map(item => {
  Object.keys(item).forEach(key => {
    // 只转纯数字的字符串，避免误转带字符的内容
    if (typeof item[key] === 'string' && !isNaN(item[key]) && item[key].trim() !== '') {
      item[key] = Number(item[key]);
    }
  });
  return item;
});

导出工具配置（以xlsx库为例） #

如果用xlsx导出，还可以强制设置单元格类型为数字，确保Excel正确识别：

import XLSX from 'xlsx';

// 先处理数据再生成工作表
const worksheet = XLSX.utils.json_to_sheet(handledData);

// 遍历单元格，把数值类型的单元格标记为数字
Object.keys(worksheet).forEach(cellKey => {
  // 跳过工作表的元数据（以!开头的键）
  if (cellKey[0] !== '!' && typeof worksheet[cellKey].v === 'number') {
    worksheet[cellKey].t = 'n'; // t='n'代表数字类型
  }
});

// 生成工作簿并导出
const workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbook, worksheet, '数据列表');
XLSX.writeFile(workbook, '导出数据.xlsx');

后端优化建议 #

如果能调整后端接口，直接把数字字段以数值类型返回（JSON里的数字格式，而非字符串），从根源解决这个问题。

内容的提问来源于stack exchange，提问作者prakash