vue3中XLSX 导出并合并相邻相同值单元格

在 Vue 3 中使用 XLSX 库导出电子表格并合并相邻的相同值单元格，你可以遵循以下步骤：

1. 首先，你需要安装 `xlsx` 和 `xlsx-style` 或者 `xlsx-style-numberer` 这两个库，它们可以提供美化和合并单元格的功能。通过npm安装：

   npm install xlsx xlsx-style-numberer --save

2. 引入所需模块，并创建一个方法来处理数据和合并单元格。假设你有一个包含数据的对象数组：

   import { createXLSXWorksheet, mergeCells, XLSX } from 'xlsx-style-numberer'; // 或者直接 'xlsx'

   exportExcel(data) {
     const ws = createXLSXWorksheet();
     let lastRow = 0;
     data.forEach((item, index) => {
       let row = ++lastRow;
       for (const key in item) {
         ws.getCell(row, column).value = item[key]; // 设置单元格值
         if (index !== 0 && item[key] === data[index - 1][key]) { // 检查是否需要合并
           mergeCells(ws, [row - 1, column], [row, column]); // 合并前一单元格
         }
         column++; // 移动到下一个单元格
       }
     });

     // 添加表头
     const headerRow = Object.keys(data[0]);
     headerRow.forEach(key => ws.mergeCells(1, headerRow.indexOf(key), 1, headerRow.indexOf(key) + 1));
     ws.getRow(1).height = 24; // 可选设置表头行高度

     // 创建工作簿对象
     const wb = XLSX.utils.book_new();
     XLSX.utils.book_append_sheet(wb, ws, 'Sheet1'); // 添加工作表到工作簿

     // 将工作簿转换为文件流
     return XLSX.writeFile(wb, 'output.xlsx', { type: 'buffer' });
   }

3. 调用这个 `exportExcel` 函数，传入你的数据数组作为参数：

   const yourData = ...; // 你的数据
   this.exportExcel(yourData);