原始需要导出的数据(这里我就导出两条数据)
导出后的excel内容
实现步骤:
1、安装xlsx插件
2、新建util文件,我这里是将代码放在util文件夹下的exportFile.js中(文件中的代码)
import * as XLSX from 'xlsx'
//将数据导出为excel文件
export let exportFile=(selectList)=>{
if(selectList.length==0){
console.log("导出的数据不能为空")
return
}
let arr=selectList.map(item=>{
// 这里根据自己的需求进行修改
return {
序列号:item.ID,
姓名:item.name,
年龄:item.age,
性别:item.sex,
};
});
let sheet=XLSX.utils.json_to_sheet(arr),
book=XLSX.utils.book_new();
// sheet1表示要导出的分区名字
XLSX.utils.book_append_sheet(book,sheet,"sheet1");
console.log("book",book)
// user开头加时间戳的文件名,可以修改成其它名字
XLSX.writeFile(book,`user${(new Date()).getTime()}.xls`);
}
3、注意根据自己的字段修改导出的内容,如下:
4、在需要的页面引入util文件,
import {exportFile} from '../plugin/fileUtils/exportFile'
直接在页面中使用,就可以导出想要的文件数据了