表格前端导出至csv方法

最新推荐文章于 2023-09-27 16:05:59 发布

派大星的石头屋

最新推荐文章于 2023-09-27 16:05:59 发布

阅读量202

点赞数

文章标签：前端 html javascript

本文链接：https://blog.csdn.net/xibao_1/article/details/129715262

版权

 

tableData = [{date:1,click:'sss',install:'拉拉'}]

downLoad() {
 let fileList = [["客户编号", "客户名称", "渠道名称", "ip", "IDFA"]];
      let titleList = ["date", "click", "install", "sent_install"];
      this.tableData.forEach((item, index) => {
        let arr = titleList.map((citem) => {
          return item[citem];
        });
        fileList.push(arr);
      });
      this.exportCcsv(fileList, "test");
    },
    exportCcsv(list, name) {
      const newList = list.map((res) => res.join(","));
      const data = newList.join(",\n");
      var uri = "data:text/csv;charset=utf-8,\ufeff" + encodeURIComponent(data);
      var downloadLink = document.createElement("a");
      downloadLink.href = uri;
      downloadLink.download = name + ".csv" || "temp.csv";
      document.body.appendChild(downloadLink);
      downloadLink.click();
      document.body.removeChild(downloadLink);
    },

前端获取到数据后，导出为.csv格式文件。