以VueJs导出CSV,Excel,PDF格式表的数据

问题描述 投票:2回答:1

我正在研究vueJs模板,我需要以.pdf,.csv,.xls三种格式导出表格数据我尝试使用this question,但其显示实用程序未定义。所以我该如何实现我想要的

javascript vue.js export
1个回答
0
投票

简易方式

如果可以使用其他表组件,请尝试查看Vue materialize datatable

允许您以XLS格式导出并打印为PDF

无任何组件

我个人使用的方式,如果我需要导出包含比实际表中更多字段的任何JSON:

https://www.papaparse.com/

import Papa from "papaparse";
var blob = new Blob([Papa.unparse(jsonData)], { type: 'text/csv;charset=utf-8;' });

var link = document.createElement("a");

var url = URL.createObjectURL(blob);
link.setAttribute("href", url);
link.setAttribute("download", 'filename.csv');
link.style.visibility = 'hidden';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);

因此,我们实际上将JSON数据解析到Blob中,创建链接到它的动态元素并下载文件。

© www.soinside.com 2019 - 2024. All rights reserved.