vue实现导出Excel的功能

要实现导出Excel的功能，可以使用第三方库`exceljs`，它可以在Vue项目中轻松地生成Excel文件。

首先，需要安装`exceljs`库：

npm install exceljs --save

然后，在需要生成Excel文件的组件中导入`exceljs`：

import ExcelJS from 'exceljs';

接着，在需要生成Excel文件的方法中，创建一个`Workbook`对象，并添加一个工作表：

exportExcel() {
  const workbook = new ExcelJS.Workbook();
  const worksheet = workbook.addWorksheet('Sheet1');
  
  // 在工作表中添加数据
  worksheet.addRow(['姓名', '年龄', '性别']);
  worksheet.addRow(['张三', 18, '男']);
  worksheet.addRow(['李四', 20, '女']);
  worksheet.addRow(['王五', 22, '男']);
  
  // 生成Excel文件并下载
  workbook.xlsx.writeBuffer().then(buffer => {
    const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
    const link = document.createElement('a');
    link.href = URL.createObjectURL(blob);
    link.download = 'data.xlsx';
    link.click();
  });
}

以上代码中，首先创建了一个`Workbook`对象，并添加了一个名为`Sheet1`的工作表。然后，使用`addRow`方法在工作表中添加数据。最后，使用`writeBuffer`方法将Workbook对象转换为二进制数据，并使用`Blob`和`URL.createObjectURL`方法生成下载链接，并模拟点击下载链接下载Excel文件。

在模板中，可以通过按钮调用`exportExcel`方法：

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

这样，就可以在Vue项目中轻松地实现导出Excel的功能了。