1.首先在终端中执行npm install xlsx
2.我们可以在一个公共的js文件中 import XLSX from 'xlsx'
3.
/** * 根据自定义数据导出excel * @param headerName 数据表头名称 例:['年份', '全年(万元)', "更新时间"] * @param fieldsKey 所需导出字段名称,需和表头一 一对应(字段名前面加*表示为日期时间字段,需要格式化) 例:['statisticsYear', 'worth', '*updateTime'] * @param dataSource 数据源(接口返回的列表数据) 例:[{"2021", "10000", "2021-06-28T11:40:12"},{"2020", "12000", "2020-06-28T11:40:12"}] * @param fileName 导出文件名 例:年度产值 */exportExcelByField(headerName, fieldsKey, dataSource, fileName) {
let tableData = [ headerName //导出表头 ]; // 表格表头 let commonField = []; // 普通字段 let specialField = []; // 需要格式化的字段 fieldsKey.forEach(field => { field.indexOf("*") === -1 ? commonField.push(field) : specialField.push(field.substr(1, field.length)); })dataSource.forEach(item => { let rowData = [] commonField.forEach(field => { rowData.push(item[field]); })
specialField.forEach(field => { rowData.push(this.formatDate(item[field])) }) tableData.push(rowData) }) let ws = XLSX.utils.aoa_to_sheet(tableData) let wb = XLSX.utils.book_new() XLSX.utils.book_append_sheet(wb, ws, 'Sheet1') // 工作簿名称 XLSX.writeFile(wb, fileName + '.xlsx') // 保存的文件名 },