在VueJs中以CSV，Excel，PDF格式导出表格数据

Question

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

Answer 1

简便

如果您可以使用其他表格组件，请尝试查看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中，创建链接到它的动态元素并下载文件。