最近在做项目，前端进行处理数据，导出excel中，还是遇到不少问题，这里将其进行总结一下，博主是vue框架开发，借用file-saver和xlsx插件进行导出excel,我们来看下代码和效果。地址链接如下：/package/js-xlsx
博主自己封装了一个方法xlsx.js，然后在vue中进行调用就行，如下：
import fs from file-saverimport XLSX fromxlsxexportdefault (json, fields, filename = 测试数据.xlsx) =>{
json.forEach(item=>{for (let i initem) {if(fields.hasOwnProperty(i)) {
item[fields[i]]=item[i];
}delete item[i]; //删除原先的对象属性
}
})
let sheetName= filename //excel的文件名称
let wb = XLSX.utils.book_new() //工作簿对象包含一SheetNames数组，以及一个表对象映射表名称到表对象。XLSX.utils.book_new实用函数创建一个新的工作簿对象。
let ws = XLSX.utils.json_to_sheet(json, { header: Object.values(fields) }) //将JS对象数组转换为工作表。
wb.SheetNames.push(sheetName)
wb.Sheets[sheetName]=w
