vue3导出Excel

在Vue3中导出Excel可以使用第三方库 `xlsx`，具体步骤如下：

1. 安装 `xlsx` 库

npm install xlsx --save

2. 在组件中引入 `xlsx`

import XLSX from 'xlsx';

3. 定义导出Excel的方法

exportExcel() {
  // 表头
  const header = ['姓名', '年龄', '性别'];
  // 数据
  const data = [
    ['张三', 18, '男'],
    ['李四', 20, '女'],
    ['王五', 22, '男']
  ];
  // 创建工作簿
  const workbook = XLSX.utils.book_new();
  // 创建工作表
  const worksheet = XLSX.utils.aoa_to_sheet([header, ...data]);
  // 将工作表添加到工作簿
  XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
  // 导出Excel文件
  XLSX.writeFile(workbook, 'data.xlsx');
}

在上述示例中，我们首先定义了表头和数据，然后通过 `utils` 对象创建了工作表，将工作表添加到工作簿中，最后通过 `writeFile` 方法将工作簿导出为 Excel 文件。

4. 调用导出Excel的方法

在组件中的模板中添加按钮，绑定导出Excel的方法：

<template>
  <div>
    <button @click="exportExcel">导出Excel</button>
  </div>
</template>

这样就可以在页面上点击按钮导出Excel了。