vue 导出excel多级title

在Vue.js中导出Excel表格并支持多级标题（如树形结构），通常需要结合一些前端库，比如`xlsx`、`js-xlsx`或者`handsontable-exporter`等，它们提供了一些API来生成Excel文件。下面是一个简单的步骤：

1. 首先，安装所需的库：

npm install xlsx js-xlsx --save

2. 在你的Vue组件中，创建一个函数来处理数据转换成XLSX的工作表格式，可以使用递归方法处理多级标题：

import XLSX from 'xlsx';

exportExcel(data, title) {
  const workbook = {
    SheetNames: [title],
    Sheets: {
      [title]: {
        '!ref': 'A1:B10',
        data: []
      }
    }
  };

  function addRow(rowData, level = 0) {
    const parentRow = workbook.Sheets[title][level === 0 ? 'A' : `A${level + 1}`];
    rowObject(rowData, parentRow);
  }

  function rowObject(rowData, parentRow) {
    for (const key in rowData) {
      if (typeof rowData[key] === 'object') {
        if (!parentRow[key]) {
          parentRow[key] = [];
        }
        addRow(rowData[key], level + 1);
      } else {
        parentRow.push({['A' + (level + 1)]: rowData[key]});
      }
    }
  }

  // 使用数据填充工作簿
  addRow(data);

  // 将工作簿转换为流并下载
  let stream = XLSX.utils.book_to_sheet(workbook.Sheets[title]);
  let buffer = XLSX.writeFile(stream, 'output.xlsx');
  saveAs(new Blob([buffer], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"}));
}

// 示例用法：
this.exportExcel(yourHierarchicalData, 'yourTitle');