js 采用a 标签导出csv

最新推荐文章于 2023-01-11 16:45:02 发布

BBinChina

最新推荐文章于 2023-01-11 16:45:02 发布

阅读量234

点赞数

分类专栏：前端文章标签： html javascript

本文链接：https://blog.csdn.net/bbinchina/article/details/120729017

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

这篇博客详细探讨了前端开发中的Vue框架与后端开发的Python技术结合应用，阐述了如何利用Vue进行用户界面构建，同时借助Python实现高效的数据处理和API接口设计。文章还讨论了在实际项目中遇到的问题及解决方案，提供了实战经验分享。

摘要由CSDN通过智能技术生成

let mainTitle = ["A", "B", "C"];

      let dataStr = [];
      dataStr.push(mainTitle.join("\,")); //标题添加上换列转成字符串并存进数组

        //datas为每行数据
        for (let j = 0; j < datas.length; j++) {

          let temp = [];

          temp.push("A"); 
          temp.push("B");
          temp.push("C");

          let data = temp.join("\,");
          dataStr.push(data); //取出来的值加上逗号换列转字符串存数组
        }
 
      //## 导出操作
      // encodeURIComponent解决中文乱码
      const uri = "data:text/csv;charset=utf-8," + encodeURIComponent(dataStr.join("\n"));
      // 通过创建a标签实现
      let link = document.createElement("a");
      link.href = uri;
      // 对下载的文件命名
      link.download = "xxx.csv";
      document.body.appendChild(link);
      link.click();