vue3导出excel功能怎么写

在 Vue 3 中实现导出 Excel 功能，可以借助一些库来简化操作。以下是一个基本的示例代码：

首先，安装 `xlsx` 和 `file-saver` 库，这两个库分别用于生成 Excel 文件和保存文件到本地。

npm install xlsx file-saver

然后，在你的组件中引入这两个库，并编写导出 Excel 的方法：

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

<script>
import { writeFile } from 'xlsx';
import { saveAs } from 'file-saver';

export default {
  methods: {
    exportExcel() {
      // 创建一个工作簿对象
      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 = writeFile(wb, { bookType: 'xlsx', type: 'array' });
      // 创建 Blob 对象
      const blob = new Blob([wbout], { type: 'application/octet-stream' });

      // 保存文件到本地
      saveAs(blob, 'data.xlsx');
    }
  }
}
</script>

上述代码中，`this.data` 是你要导出的数据，可以是一个数组或者对象。当点击“导出 Excel”按钮时，将数据转换成 Excel 文件，并保存到本地。

需要注意的是，这里使用的 `xlsx` 库是基于 JavaScript 实现的，所以导出的 Excel 文件比较简单，不支持复杂的样式和公式。如果你需要更多的功能，可以考虑其他第三方库或服务。