VUE3 el-table 导出excel

Vue3中的`el-table`组件是Element UI库中的表格组件，提供了一种灵活的方式来展示数据。要将`el-table`的数据导出为Excel文件，通常需要结合`vue-excel-export`这个插件来实现。以下是一个简单的步骤概述：

1. 安装插件：
在项目中安装`vue-excel-export`，可以通过npm或yarn：

   npm install vue-excel-export --save
   # 或者
   yarn add vue-excel-export

2. 引入并配置插件：
在`main.js`或适当的地方引入并注册插件：

   import VueExcelExport from 'vue-excel-export';
   Vue.use(VueExcelExport, {
     fileName: 'table_data', // 自定义文件名
     sheetName: 'Table Data', // 自定义sheet名称
     autoColumnWidth: true, // 是否自动调整列宽
     excludeHeader: false, // 是否包含表头
   });

3. 生成表格：
在`el-table`组件上使用`@export-excel`事件监听导出操作：

   <el-table :data="tableData" @export-excel="handleExport">
     <!-- ...你的table列和配置... -->
   </el-table>

4. 处理导出函数：

   methods: {
     handleExport({ columns, data }) {
       const workBook = new ExcelJS.Workbook();
       const worksheet = workBook.addWorksheet('Sheet 1');
       columns.forEach((column) => {
         worksheet.columns.push(column);
       });
       data.forEach((row) => {
         worksheet.addRow(row);
       });
       workBook.xlsx.writeFile('export.xlsx'); // 保存到本地
     },
   }

5. 使用`this.$excel.export()`：
如果想在某个按钮点击事件中触发导出，可以这样使用：

   exportExcelBtnClick() {
     this.$excel.export({
       columns: this.tableColumns,
       data: this.tableData,
     });
   },

相关问题--
1. `vue-excel-export`插件的作用是什么？
2. 如何在`el-table`中设置导出Excel的默认文件名和sheet名称？
3. 导出时如何自定义工作簿和工作表的内容？