el-table 表格数据导出

`el-table` 是 Element UI 中的一个表格组件，它在前端用于展示数据非常方便。如果需要将 `el-table` 的数据导出到文件，通常可以借助于 JavaScript 的一些库，比如 `js-xlsx` 或者 `antv/x6` 等工具，它们支持将表格内容转换为 Excel 格式。

以下是简单步骤：

1. 首先，在 Vue 项目中安装导出库：

   npm install js-xlsx // 使用 js-xlsx 进行 Excel 导出

2. 在你的组件中，假设有一个 `data` 变量保存了 `el-table` 的数据：

   export default {
     data() {
       return {
         tableData: ... // 获取你的表格数据
       };
     },
   }

3. 创建一个导出按钮的点击事件处理器，将数据转换为 Excel 并下载：

   methods: {
     exportTable() {
       const workbook = XLSX.utils.book_new();
       const ws = XLSX.utils.json_to_sheet(this.tableData);
       XLSX.utils.book_append_sheet(workbook, ws, 'Sheet1');
       XLSX.writeFile(workbook, 'table_data.xlsx'); // 下载名为 "table_data.xlsx" 的 Excel 文件
     },
   }

4. 在模板中添加导出按钮，并绑定点击事件：

   <el-button type="primary" @click="exportTable">导出表格</el-button>