vue3数据导出为excel

你可以使用 `xlsx` 库将 Vue 3 中的数据导出为 Excel 文件。下面是一个简单的示例代码：

首先，安装 `xlsx` 库：

npm install xlsx

然后，在你的 Vue 组件中，导入 `xlsx` 库并编写导出 Excel 的函数：

import XLSX from 'xlsx';

export default {
  methods: {
    exportToExcel() {
      const data = [
        ['Name', 'Age', 'Email'],
        ['John Doe', 30, 'john@example.com'],
        ['Jane Smith', 25, 'jane@example.com'],
        // 更多数据...
      ];

      const workbook = XLSX.utils.book_new();
      const worksheet = XLSX.utils.aoa_to_sheet(data);
      XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
      XLSX.writeFile(workbook, 'data.xlsx');
    }
  }
}

以上代码中，`data` 是一个包含要导出的数据的数组。你可以根据自己的需求修改数据。`XLSX.utils.aoa_to_sheet` 函数将数组转换为 Excel 的工作表，然后使用 `XLSX.utils.book_append_sheet` 将工作表添加到工作簿中。最后，使用 `XLSX.writeFile` 将工作簿保存为名为 `data.xlsx` 的 Excel 文件。

在组件的模板中，你可以添加一个按钮或其他触发器来调用 `exportToExcel` 方法，以便在用户点击时导出数据。

请注意，这只是一个简单的示例，你可以根据自己的需求进行更多的定制和调整。