vue3导出excel表格合并表头

您可以使用`xlsx`和`file-saver`库来导出Excel表格，并使用`mergeCells`方法合并表头。

首先安装这两个库：

npm install xlsx file-saver --save

然后在您的Vue组件中，可以使用以下代码来导出Excel表格并合并表头：

import XLSX from 'xlsx';
import {saveAs} from 'file-saver';

export default {
  methods: {
    exportExcel() {
      // 表头配置
      const header1 = ['姓名', '年龄', '性别'];
      const header2 = ['学校', '班级', '成绩'];

      // 数据
      const data = [
        ['张三', 18, '男', 'XX中学', '高一1班', 90],
        ['李四', 19, '女', 'XX中学', '高一2班', 85],
        ['王五', 17, '男', 'XX中学', '高一3班', 95],
      ];

      // 合并表头
      const headers = [
        [...header1],
        [
          '',
          '',
          '',
          ...header2
        ]
      ];

      // 合并表头单元格
      const merges = [
        { s: { r: 0, c: 0 }, e: { r: 1, c: 0 } },
        { s: { r: 0, c: 1 }, e: { r: 1, c: 1 } },
        { s: { r: 0, c: 2 }, e: { r: 1, c: 2 } },
      ];

      // 创建工作簿
      const wb = XLSX.utils.book_new();

      // 创建工作表
      const ws = XLSX.utils.aoa_to_sheet([headers, ...data]);

      // 合并单元格
      ws['!merges'] = merges;

      // 将工作表添加到工作簿中
      XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');

      // 导出Excel
      const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' });
      const blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' });
      saveAs(blob, 'example.xlsx');
    }
  }
}

// 将字符串转换为ArrayBuffer
function s2ab(s) {
  const buf = new ArrayBuffer(s.length);
  const view = new Uint8Array(buf);
  for (let i = 0; i !== s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
  return buf;
}

在上面的代码中，首先定义了表头和数据，然后将它们合并到一个数组中。接着，定义了合并单元格的配置，将表头的第一行和第二行三列合并成一个单元格。然后，创建一个工作簿和一个工作表，并将数据写入工作表中。

最后，将表头单元格合并到工作表中，并将工作表添加到工作簿中。最后，使用`saveAs`方法将工作簿导出为Excel文件。

注意：这里的`s2ab`函数用于将字符串转换为ArrayBuffer，是为了兼容不支持Blob对象的浏览器。