el-table导出excel表格

你可以使用Vue3中的exportExcel方法来将el-table导出为Excel表格。该方法接受两个参数，name用于指定生成的Excel文件名，tableName用于指定要导出的表格的id。

以下是一个示例代码：

<template>
  <div>
    <el-button @click="exportTable">导出Excel</el-button>
    <el-table :data="tableData" border style="width: 100%" id="tableId"></el-table>
  </div>
</template>

<script>
import { exportExcel } from "@/common/utils";

export default {
  data() {
    return {
      tableData: [
        // 表格数据
      ]
    };
  },
  methods: {
    exportTable() {
      exportExcel("interestTable.xlsx", "#tableId");
    }
  }
};
</script>

在上面的代码中，我们首先导入了exportExcel方法。然后，在模板中，我们添加了一个按钮，当按钮被点击时，调用exportTable方法。在exportTable方法中，我们调用exportExcel方法，并传入文件名"interestTable.xlsx"和表格的id"#tableId"。

注意事项：
1. 确保在使用exportExcel方法之前，已经正确导入了exportExcel方法。
2. 确保el-table组件的id属性与tableName参数的值相匹配。