写前端用elementui 可以导出excel格式的表格代码

以下是一个简单的示例代码，演示如何使用ElementUI的ElTable组件和ElButton组件导出Excel格式的表格数据：

<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>

需要注意的是，这个示例中的`export_json_to_excel`函数并不是ElementUI内置的方法，而是通过引入一个名为`excel.js`的文件来实现的。你需要在项目中添加这个文件，或者使用其他的导出Excel的库来替代。