js导出的xlsx无法打开_【js-xlsx和file-saver插件】前端导出数据到excel

最近在做项目，前端进行处理数据，导出excel中，还是遇到不少问题，这里将其进行总结一下，博主是vue框架开发，借用file-saver和xlsx插件进行导出excel,我们来看下代码和效果。地址链接如下：https://www.npmjs.com/package/js-xlsx

博主自己封装了一个方法xlsx.js，然后在vue中进行调用就行，如下：

import fs from 'file-saver'import XLSX from'xlsx'exportdefault (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