使用file-saver导出excel
时间: 2023-12-22 22:24:39 浏览: 233
FileSaver.js用于table导出Excel
使用file-saver导出excel的步骤如下:
1. 首先,在项目中引入file-saver组件,并创建一个名为exportFile的类,将导出excel的方法封装在其中。
2. 在getExcel方法中,使用Blob对象将文件流转换为Blob类型,并设置文件类型为"application/vnd.ms-excel"。
3. 使用FileSaver的saveAs方法将Blob对象保存为excel文件,并指定文件名。
4. 在需要导出excel的地方,通过导入exportFile模块,并调用getExcel方法,传递文件流和文件名作为参数。
示例代码如下:
```
import FileSaver from "file-saver";
export default class exportFile {
/**
* 导出Excel文件
* @param {*} res 文件流
* @param {*} name 文件名
*/
static getExcel(res, name) {
let blob = new Blob([res], { type: "application/vnd.ms-excel" });
FileSaver.saveAs(blob, name + ".xlsx");
}
}
```
使用示例:
```
import exportFile from '@/utils/exportFile' // 导入
exportFile.getExcel(res.data, '下载文件名称') // 使用
```
阅读全文