vue使用ExcelJS对excel文件进行修改后并导出

1.安装ExcelJS

首先，我们需要安装ExcelJS库，使用npm命令进行安装：

npm install exceljs --save

2.导入ExcelJS

我们需要在需要使用ExcelJS的组件中导入ExcelJS库：

import * as ExcelJS from 'exceljs/dist/exceljs.min.js';

3.创建工作簿和工作表

在使用ExcelJS之前，我们需要创建一个工作簿和一个工作表。我们可以使用以下代码创建它们：

const workbook = new ExcelJS.Workbook();
const worksheet = workbook.addWorksheet('My Sheet');

4.修改数据

现在，我们可以使用ExcelJS修改工作表中的数据。以下是一个简单的示例，它将名称和年龄添加到工作表中：

worksheet.getCell('A1').value = 'Name';
worksheet.getCell('B1').value = 'Age';
worksheet.getCell('A2').value = 'John';
worksheet.getCell('B2').value = 30;
worksheet.getCell('A3').value = 'Jane';
worksheet.getCell('B3').value = 25;

5.导出Excel文件

当我们完成数据修改后，我们需要将其导出为Excel文件。我们可以使用以下代码将工作簿导出为Excel文件：

const buffer = await workbook.xlsx.writeBuffer();
const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'My File.xlsx';
a.click();

在上面的代码中，我们使用xlsx.writeBuffer()方法将工作簿转换为一个二进制缓冲区。然后，我们使用该缓冲区创建一个Blob对象，并将其创建为URL。最后，我们创建一个下载链接，并使用该链接触发文件下载。

完整的示例代码如下：

import * as ExcelJS from 'exceljs/dist/exceljs.min.js';

export default {
  async exportExcel() {
    const workbook = new ExcelJS.Workbook();
    const worksheet = workbook.addWorksheet('My Sheet');
    worksheet.getCell('A1').value = 'Name';
    worksheet.getCell('B1').value = 'Age';
    worksheet.getCell('A2').value = 'John';
    worksheet.getCell('B2').value = 30;
    worksheet.getCell('A3').value = 'Jane';
    worksheet.getCell('B3').value = 25;
    const buffer = await workbook.xlsx.writeBuffer();
    const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = 'My File.xlsx';
    a.click();
  },
};
``