现在一般的数据报表生成都是前端点击按钮,直接访问封装好了的文件地址。或者点击按钮,发起请求接收后端返回的文件数据,然后文件提取,再进行下载。有时候后端忙不过来,前端这边也可以想办法去实现文件报表的实现。
直接上代码:
1.插件下载:npm install papaparse
2.插件引入: import Papa from 'papaparse'
3方法使用:import { downloadCsv } from '@/utils/public',这里将方法进行了初步封装,方便其他地方使用。
//前端csv下载
考虑到ie浏览器的a标签添加click下载的兼容问题,所以有一个window.navigator.msSaveOrOpenBlob进行判断。
this.analyzeList为我们需要下载的文件数组。。
如果你觉得有用,请给一个小心心❤。。,不明白请评论留言。