vue导出execl完整代码

以下是一个使用Vue.js将数据导出为Excel的完整代码示例：

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

<script>
import XLSX from 'xlsx';

export default {
  methods: {
    exportToExcel() {
      // 准备要导出的数据
      const data = [
        ['姓名', '年龄', '性别'],
        ['张三', 25, '男'],
        ['李四', 32, '女'],
        ['王五', 28, '男']
      ];

      // 创建一个新的工作簿
      const wb = XLSX.utils.book_new();

      // 将数据转换为工作表
      const ws = XLSX.utils.aoa_to_sheet(data);

      // 将工作表添加到工作簿
      XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');

      // 导出Excel文件
      XLSX.writeFile(wb, 'data.xlsx');
    }
  }
};
</script>

在这个示例中，我们首先引入了一个名为`XLSX`的库，它是用于Excel文件操作的一个流行的JavaScript库。然后，我们在`exportToExcel`方法中定义了要导出的数据，创建了一个新的工作簿，并将数据转换为工作表。最后，我们使用`XLSX.writeFile`函数将工作簿保存为Excel文件。当用户点击“导出Excel”按钮时，该方法将被触发，并将文件保存为名为`data.xlsx`的Excel文件。

请注意，在使用此代码之前，您需要先安装`xlsx`库。可以通过在命令行中运行`npm install xlsx`或`yarn add xlsx`来安装它。