<template> <div> <el-button type="primary" @click="exportExcel">导出Excel</el-button> <el-table :data="tableData" ref="table" style="width: 100%"> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="age" label="年龄"></el-table-column> <el-table-column prop="gender" label="性别"></el-table-column> </el-table> </div> </template> <script> import { export_json_to_excel } from "@/utils/excel.js"; // 引入excel.js文件 export default { data() { return { tableData: [ { name: "张三", age: 20, gender: "男" }, { name: "李四", age: 25, gender: "女" }, { name: "王五", age: 30, gender: "男" } ] }; }, methods: { exportExcel() { const tHeader = ["姓名", "年龄", "性别"]; // 表头 const filterVal = ["name", "age", "gender"]; // 对应数据中的字段名 const list = this.tableData.map(item => { return { name: item.name, age: item.age, gender: item.gender }; }); // 将表格数据转化为要导出的数据 export_json_to_excel(tHeader, list, "表格数据"); // 导出Excel } } }; </script>写出里面execle.js文件的代码

很抱歉，我无法提供 `excel.js` 文件的代码，因为 `excel.js` 不是一个标准的 JavaScript 库或者框架。可能需要根据具体需求，自己编写或者选择一个合适的库来完成数据导出的功能。不过，可以根据代码中的引用，猜测 `excel.js` 应该是一个自定义的工具类文件，其中可能包含了导出 Excel 文件的相关函数。以下是一个简单的示例代码，用于实现将 JSON 数组导出为 Excel 文件的功能：

import XLSX from 'xlsx';

export function export_json_to_excel(headers, data, filename) {
  const worksheet = XLSX.utils.json_to_sheet(data);
  const workbook = {
    Sheets: { data: worksheet },
    SheetNames: ['data']
  };
  const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
  saveAsExcel(excelBuffer, filename);
}

function saveAsExcel(buffer, filename) {
  const blob = new Blob([buffer], { type: 'application/octet-stream' });
  const link = document.createElement('a');
  link.href = window.URL.createObjectURL(blob);
  link.download = `${filename}.xlsx`;
  link.click();
}

以上代码使用了 `xlsx` 库来实现生成 Excel 文件的功能，其中 `export_json_to_excel` 函数接受表头、数据和文件名参数，将数据转换为工作表并生成 Excel 文件，最终调用 `saveAsExcel` 函数将文件保存到本地磁盘。