vue中实现本地导出文件(excel,csv) — csv-exportor

vue js 实现导出文件到本地功能 csv-exportor

 

在项目需求中有一个是要导出表格数据到本地,查询了很多方法,最后项目中使用了 csv-exportor 插件, 使用起来非常的简单快速,下面整理一下使用的方法。

— 安装引入

npm install --save csv-export
import CsvExportor from "csv-exportor";

— 配置将要导出的数据

csv-exportor插件需要到处的是一个csv格式的数据;

配置导出表格的Header

let tableData = listData;
let header = ["坐标lng", "坐标lat", "地址"];

导出文件到本地

 CsvExportor.downloadCsv(tableData, { header }, "test.csv");

//参数1: cvs的内容数据
//参数2: cvs的导出表头
//参数3: 导出的文件名字,可以自定义

导出结果如图所示:


以上就是利用csv-exportor ,完成了文件的本地导出功能。整理的有点乱了,想要更加完善的导出,可以在此基础上继续封装方法。

站内部分资源收集于网络,若侵犯了您的合法权益,请联系我们删除!
赞赏是最好的支持
如果对你有帮助那就支持一下吧
立即赞赏
分享到:
赞(4) 打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

小月博客-一个专注于分享的技术博客
没有账号? 忘记密码?