vue3 导出为excel

要将Vue3数据导出为Excel文件，可以使用以下步骤：

1. 安装 `xlsx` 和 `file-saver` 库：

npm install xlsx file-saver --save

2. 在Vue组件中引入库：

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

3. 创建导出函数：

export function exportToExcel(data, fileName) {
  const worksheet = XLSX.utils.json_to_sheet(data);
  const workbook = XLSX.utils.book_new();
  XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
  const fileBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
  saveAs(new Blob([fileBuffer], { type: 'application/octet-stream' }), `${fileName}.xlsx`);
}

这个函数接受两个参数：要导出的数据（数组）和导出文件的名称。

4. 在Vue组件中使用导出函数：

export default {
  data() {
    return {
      users: [
        { name: 'John', age: 25, email: 'john@example.com' },
        { name: 'Jane', age: 30, email: 'jane@example.com' },
        { name: 'Bob', age: 45, email: 'bob@example.com' },
      ],
    };
  },
  methods: {
    exportData() {
      exportToExcel(this.users, 'users');
    },
  },
};

在这个例子中，我们将 `users` 数据导出为名为 `users.xlsx` 的Excel文件。

注意：由于导出Excel文件需要使用浏览器的Blob API，因此此代码将无法在Node.js环境中运行。