在html前端,用js生成下载文件csv

一 请求数据据

let phoneNumberlistRes = await axios.post("/task_export_allNumber_list_action", { taskName: this.form.taskName })

this.exportPhoneList = phoneNumberlistRes.data.acPhoneNumberList //导出的号码列表

const jsonData = this.exportPhoneList;

二 拼装数据

let str = '';

for (let i = 0; i < jsonData.length; i++) { //增加

     for (let item in jsonData[i]) {

                    str += `${ jsonData[i][item] }`;

      };

      str += '\n';

}

 let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str); //encodeURIComponent解决中文乱码

三  创建下载文件名称

let fileNameStr = "下载的文件名";

 let link = document.createElement("a"); //通过创建a标签实现

 link.href = uri;

 link.download = fileNameStr + ".csv"; //对下载的文件命名

 document.body.appendChild(link);

 link.click();

  document.body.removeChild(link);