您的位置:首页 > 房产 > 家装 > vue导出excel

vue导出excel

2024/12/23 12:18:42 来源:https://blog.csdn.net/wodecc_u/article/details/141311405  浏览:    关键词:vue导出excel
npm install xlsx file-saver

编写文档的时候
“file-saver”: “^2.0.5”,
“xlsx”: “^0.18.5”,
对应的版本号,如果新版本出了问题,就安装对应版本

import * as XLSX from 'xlsx';
import { saveAs } from 'file-saver';
exportToExcel() {// 假设你有一个表格数据数组const data = [["姓名", "年龄", "职业"],["Alice", 28, "Engineer"],["Bob", 22, "Designer"]];// 将数据转换为工作表const worksheet = XLSX.utils.aoa_to_sheet(data);// 创建工作簿并添加工作表const workbook = XLSX.utils.book_new();XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');// 生成Excel文件const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });// 使用blob和FileReader创建一个Blob URLconst dataBlob = new Blob([excelBuffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8' });const blobUrl = window.URL.createObjectURL(dataBlob);// 使用FileSaver库保存文件saveAs(dataBlob, 'export.xlsx');// 清理window.URL.revokeObjectURL(blobUrl);}

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com