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

在Vue3中，如果想使用XLSX库来导出电子表格并合并有相同值的单元格，首先需要安装`xlsx`库。你可以通过npm或yarn来进行安装：

npm install xlsx // 或者
yarn add xlsx

然后，在Vue组件中，可以创建一个方法来处理数据并生成XLSX文件，其中合并单元格的部分通常通过`xlsx.utils.cellStyle`和`xlsx.utils.mergeCells`来完成。下面是一个简单的示例：

import XLSX from 'xlsx';

export default {
  methods: {
    exportExcel(data) {
      const ws = XLSX.utils.aoa_to_sheet([data]); // 将数据转换为工作表

      // 假设我们有一个函数用于检测是否需要合并单元格
      const mergeSameValues = (rowIndex, cellData) => {
        // 这里可以根据cellData的值判断是否需要合并，例如如果某个列的所有值都是相同的
        if (/* 判断条件 */) {
          const startCol = /* 开始合并的列索引 */;
          const endCol = /* 结束合并的列索引 */;
          const startRow = rowIndex;
          XLSX.utils.mergeCells({
            ref: `${startRow}:${endCol}`,
            s: { c: startCol, r: rowIndex },
            e: { c: endCol, r: rowIndex + 1 } // 如果是跨行合并，则设置r + 1
          });
        }
      };

      // 遍历数据行
      data.forEach((row, rowIndex) => {
        mergeSameValues(rowIndex, row);
      });

      // 创建一个新的工作簿
      const workbook = XLSX.utils.book_new();
      XLSX.utils.book_append_sheet(workbook, ws, 'Sheet1'); // 添加到工作簿

      // 加入标题
      if (data[0]) {
        XLSX.utils.book_set_cell(workbook, { s: { t: 's' }, r: 0, c: 0 }, 'Title'); // 根据实际情况调整标题位置
      }

      // 保存到blob
      const buffer = XLSX.write(workbook, { type: 'binary', bookType: 'xlsx', encoding: 'base64' });
      this.downloadExcelFile(buffer);
    },

    downloadExcelFile(binaryData) {
      const blob = new Blob([binaryData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
      saveAs(blob, 'output.xlsx');
    },
  },
};

在这个例子中，`mergeSameValues`函数负责检查每行的数据，并根据需要合并单元格。实际应用中，你需要根据业务需求来编写这个函数。