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') // 保存的文件名
},