electron中表格导出excel使用XLSX.writeFile 更改写入位置方法

问题 Vue项目集成为exe程序 使用electron，但是在web端可以使用的XLSX.writeFile会调用网页端保存文件API选择保存位置 在electron环境下生成的文件自动保存在工作目录 所以需要手动更改写入位置

web端表格导出excel代码

exportToExcel() { // 导出this.$nextTick(() => {let workbook = XLSX.utils.table_to_book(this.$refs.tableExport.$el)XLSX.writeFile(workbook, `${this.fileName || this.selectedLogic + '.csv'}`);})},

比较简单就是调用table_to_book方法把表格数据生成sheet表格数据然后调用writeFile导出，但是这种方法在electron中文件会自动生成在软件安装目录不方便用户查找，

所以本项目中我手动更改为放在桌面文件夹

如果需要自定义文件存放目录调用dialog.showOpenDialog去选择自定义目录在回调里面拿到地址替换即可

electron端代码

this.$nextTick(() => {let workbook = XLSX.utils.table_to_book(this.$refs.tableExport.$el)let fileName = this.fileName || this.selectedLogic + '.csv'let writePath = generatorPath(fileName)XLSX.writeFile(workbook, writePath);this.$message.success('已保存在桌面')})//utils.js
export function generatorPath(fileName) {const os = require('os')const path = require('path')let writePath = path.join(os.homedir(), 'Desktop', `${timeFilter(new Date(), 1) + '-' + fileName}`)return writePath
}

XLSX API Writing Files | SheetJS Community Edition

有兴趣可以细致看一下

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！