在vue2实现前端生成多个EXCEL表格文件并压缩成一个压缩包下载下来

在 Vue.js 中实现前端生成多个 Excel 文件并将它们压缩成一个ZIP文件下载，你可以使用一些第三方库，比如 `js-xlsx` 和 `jszip`。以下是一个简单的步骤：

1. 安装依赖：
使用npm或yarn安装所需的库：

   npm install xlsx jszip --save

2. 引入并初始化：

   import XLSX from 'xlsx';
   const JSZip = require('jszip');

3. 创建Excel文件：
对每个要生成的Excel文件，你可以创建一个单独的工作簿（workbook），然后添加工作表（sheet）和数据：

   function createExcelFile(title, data) {
     const workbook = XLSX.utils.book_new();
     const worksheet = XLSX.utils.json_to_sheet(data);
     XLSX.utils.book_append_sheet(workbook, worksheet, title);
     return XLSX.writeFile(workbook, `${title}.xls`);
   }

4. 将多个文件合并到一个ZIP：

   async function zipFiles(fileNames) {
     const zip = new JSZip();
     for (const fileName of fileNames) {
       await zip.file(fileName, fs.readFileSync(fileName));
     }
     // 生成下载链接
     const blob = zip.generate({ type: 'blob' });
     const url = URL.createObjectURL(blob);
     // 下载按钮事件监听函数
     const downloadButton = document.getElementById('download-button');
     downloadButton.href = url;
   }

5. 调用函数：
当所有Excel文件创建完成后，你可以通过数组包含它们的名称来调用`zipFiles`函数：

   const excelFiles = ['file1.xls', 'file2.xls'];
   await zipFiles(excelFiles);

6. 清理：
下载完成之后，记得清除`createObjectURL`引用：

   window.URL.revokeObjectURL(url); // 防止内存泄漏

这只是一个基本的示例，实际应用中可能还需要处理更多细节，例如错误处理、异步操作等。