vue 自定义exportexcel方法

你可以自定义一个 exportExcel 方法来导出数据到 Excel 文件。以下是一个示例的 Vue 组件，展示了如何使用 `xlsx` 库来实现导出 Excel 功能：

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

<script>
import XLSX from 'xlsx';

export default {
  data() {
    return {
      data: [
        { name: 'John', age: 25, email: 'john@example.com' },
        { name: 'Jane', age: 30, email: 'jane@example.com' },
        { name: 'Tom', age: 35, email: 'tom@example.com' }
      ]
    };
  },
  methods: {
    exportData() {
      const worksheet = XLSX.utils.json_to_sheet(this.data);
      const workbook = XLSX.utils.book_new();
      XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
      XLSX.writeFile(workbook, 'data.xlsx');
    }
  }
};
</script>

在上面的示例中，我们首先引入了 `xlsx` 库，然后在组件的 `data` 中定义了要导出的数据。当点击按钮时，`exportData` 方法会将数据转换为 Excel 工作表并保存为名为 `data.xlsx` 的文件。

请注意，为了使示例代码正常工作，你需要先通过 npm 或 yarn 安装 `xlsx` 库：`npm install xlsx` 或 `yarn add xlsx`。

这只是一个简单的示例，你可以根据自己的需求来自定义导出 Excel 的方法，例如：指定特定的列、添加样式等。你可以参考 `xlsx` 库的文档来了解更多高级用法：[https://github.com/SheetJS/sheetjs](https://github.com/SheetJS/sheetjs)。