vue 导出csv文件

最新推荐文章于 2025-03-18 20:26:42 发布

mmorss

最新推荐文章于 2025-03-18 20:26:42 发布

阅读量4.2k

点赞数 2

本文链接：https://blog.csdn.net/mmorss/article/details/82586743

版权

npm install papaparse

 data: function() {
    return {
      isShowLast: false,
      tableData: [],
      itemList: [
        {
          name: "红木",
          type: "P000001",
          price: "￥88888"
        },
        {
          name: "水杉",
          type: "P000002",
          price: "￥2000"
        }
      ]
    };
  },
  methods: {
    download() {
      console.log("downLoad");
      var csv = Papa.unparse(this.itemList);
      console.log("downLoad", csv);
      //定义文件内容，类型必须为Blob 否则createObjectURL会报错
      let content = new Blob([csv]);
      //生成url对象
      let urlObject = window.URL || window.webkitURL || window;
      let url = urlObject.createObjectURL(content);
      //生成<a></a>DOM元素
      let el = document.createElement("a");
      //链接赋值
      el.href = url;
      el.download = "todo文件导出.cvs";
      //必须点击否则不会下载
      el.click();
      //移除链接释放资源
      urlObject.revokeObjectURL(url);
    }
}