vue3 导出excel

要在Vue3中导出Excel文件，可以使用js-xlsx库。下面是一个简单的示例：

1. 首先，安装js-xlsx库：

npm install xlsx

2. 在需要导出Excel的Vue组件中，导入xlsx和file-saver库：

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

3. 在Vue组件中定义一个函数，该函数将数据转换为Excel文件并将其保存到本地文件：

methods: {
  exportToExcel() {
    // 创建工作簿对象
    const wb = XLSX.utils.book_new();
    // 创建工作表对象
    const ws = XLSX.utils.json_to_sheet(this.data);
    // 将工作表添加到工作簿中
    XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
    // 将工作簿转换为二进制文件
    const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' });
    // 将文件保存到本地
    saveAs(new Blob([s2ab(wbout)], { type: 'application/octet-stream' }), 'data.xlsx');
  }
}

4. 定义一个辅助函数s2ab，将字符串转换为字节数组：

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;
}

5. 在模板中添加一个按钮，当用户单击该按钮时，将调用exportToExcel函数：

<template>
  <div>
    <button @click="exportToExcel">Export to Excel</button>
  </div>
</template>

实际上，上述代码只是一个简单的示例，您需要根据自己的需求进行修改和调整。