vue 前端导出excel

在Vue前端中，你可以使用xlsx库来导出Excel文件。首先，你需要安装该库。

npm install xlsx

然后，你可以在Vue组件中使用以下代码来导出Excel文件：

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

<script>
import XLSX from 'xlsx';

export default {
  methods: {
    exportExcel() {
      const data = [
        ['姓名', '年龄', '性别'],
        ['张三', 20, '男'],
        ['李四', 25, '女'],
        ['王五', 30, '男']
      ];

      const sheet = XLSX.utils.aoa_to_sheet(data);
      const workbook = XLSX.utils.book_new();
      XLSX.utils.book_append_sheet(workbook, sheet, 'Sheet1');
      XLSX.writeFile(workbook, 'data.xlsx');
    }
  }
}
</script>

在上面的代码中，我们定义了一个按钮，并在按钮的点击事件中执行了exportExcel方法。该方法首先定义了要导出的数据，然后使用XLSX.utils.aoa_to_sheet方法将数据转换为Excel表格的数据格式。接下来，我们创建一个工作簿，将表格数据添加到工作簿中，并使用XLSX.writeFile方法将工作簿保存为Excel文件。

当用户点击"导出Excel"按钮时，浏览器将自动下载名为"data.xlsx"的Excel文件，其中包含我们定义的数据