前端导出CSV

最新推荐文章于 2024-07-19 09:38:25 发布

小花~

最新推荐文章于 2024-07-19 09:38:25 发布

阅读量260

点赞数

本文链接：https://blog.csdn.net/weixin_42461064/article/details/89522714

版权

 
 <button @click="exportElsx" class="btn mr-1 mb-1 btn-success btn-lg" type="button">导出</button>


exportElsx() {
      let jsonData = this.dataListAll,
        t = this;
      let str = `${this.tableList.join()}\n`;
      for (let i = 0; i < jsonData.length; i++) {
        let a = jsonData[i];
        this.filterData.each(b => {
          if (a.hasOwnProperty(b)) {
            if (b == "id") return (str += `${i + 1},`);
            str += `${a[b] ? a[b] : ""},`;
          }
        });
        str += "\n";
      }
      let uri = "data:text/csv;charset=utf-8,\ufeff" + encodeURIComponent(str);
      var link = document.createElement("a");
      link.href = uri;
      link.download = "销售单.csv";
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    }