前端提取表格数据导出csv文件

1,309 阅读1分钟

现在一般的数据报表生成都是前端点击按钮,直接访问封装好了的文件地址。或者点击按钮,发起请求接收后端返回的文件数据,然后文件提取,再进行下载。有时候后端忙不过来,前端这边也可以想办法去实现文件报表的实现。

直接上代码:

1.插件下载:npm install papaparse

2.插件引入: import Papa from 'papaparse'

3方法使用:import { downloadCsv } from '@/utils/public',这里将方法进行了初步封装,方便其他地方使用。

//前端csv下载 

考虑到ie浏览器的a标签添加click下载的兼容问题,所以有一个window.navigator.msSaveOrOpenBlob进行判断。

this.analyzeList为我们需要下载的文件数组。。

如果你觉得有用,请给一个小心心❤。。,不明白请评论留言。