导出excel

鸿是江边鸟，曾是心上人

已于 2024-06-01 09:36:19 修改

阅读量462

点赞数 4

文章标签： excel 前端

于 2024-05-24 16:22:07 首次发布

本文链接：https://blog.csdn.net/m0_56590688/article/details/139177929

版权

1.excel二进制流导出excel

    handleExcel() {
      // 导出函数
      // 表格数据和表头的处理逻辑同上
      // 假设有一个表格数据
      // 创建Blob对象 data 是excel文件二进制流
      const blob = new Blob([data], {
        type:
          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"
      });

      // 创建下载链接
      const link = document.createElement("a");
      link.href = URL.createObjectURL(blob);
      link.download = "table.xlsx";
      link.click();

      // 清除链接
      URL.revokeObjectURL(link.href);
    },

2.表格数据导出成为excel文件

npm install xlsx




import * as XLSX from 'xlsx';




export default {
  methods: {
    exportToExcel() {
      // 假设有一个表格数据数组
      const data = [
        { col1: "数据1", col2: "数据2", col3: "数据3" },
        // ...其他数据
      ];

      // 表头
      const headers = Object.keys(data[0]);

      // 将数据转换为工作表所需的数组格式
      const worksheet = XLSX.utils.json_to_sheet(data);

      // 创建工作簿并添加工作表
      const workbook = XLSX.utils.book_new();
      XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1");

      // 导出为Excel文件
      XLSX.writeFile(workbook, "table.xlsx");
    }
  }
};