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 ，完成了文件的本地导出功能。整理的有点乱了，想要更加完善的导出，可以在此基础上继续封装方法。