Question

我尝试在vue.js中创建CSV文件。服务器发送准备数据，这是我们可以直接将数据写入csv文件的方法。来自服务器响应的数据是

head1, head2, head3, head4
1,2,3,4
5,6,7,8

这是我从服务器收到的回复。我想以CSV格式写入此数据并提供下载CSV功能。

有关于在vue.js中创建和写入文件的想法吗？

Answer 1

我通过使用javascript得到了答案。

我已经创建了一个隐藏的html <a>标记

<a href="" id="downloadlink" ref="csvfiledownload" hidden="true" download="mycsv.csv">download</a>

下面是我下载CSV的JavaScript函数

downloadCSV(data){
    var link = document.getElementById('downloadlink');
    link.href = Utils.makeTextFile(response.data);
    link.style.display = 'block';
    link.click();
}

数据值采用csv格式数据

col1, col2, col3
row1-value1, row1-value2, row1-value3

如何在vue.js中创建CSV文件

1 个答案: