elementui表格导出excel

Element UI 提供了一个叫做 Element-Excel-Writer 的插件，可以帮助开发者将表格数据导出为 Excel 格式。要在 Element UI 表格组件中实现导出功能，你需要先安装这个插件：

npm install element-ui-excel-writer

然后，在项目中使用它，通常会在需要导出的地方，例如点击一个按钮触发导出操作。以下是一个简单的示例：

import { ElTable, ElButton } from 'element-plus';
import ExcelWriter from 'element-ui-excel-writer';

export default {
  components: {
    // 其他组件...
    ExportBtn: {
      template: `
        <el-button @click="handleExport">导出到 Excel</el-button>
      `,
      methods: {
        handleExport() {
          const data = [
            ...// 这里是你的表格数据，可以是表格组件的data属性
          ];
          
          // 创建一个 ExcelWriter 对象并设置列标题
          const writer = new ExcelWriter({
            filename: 'table_data.xlsx',
            sheets: {
              sheet1: {
                header: ['列1', '列2', '列3'], // 设置表头
                data,
              },
            },
          });

          // 开始生成并下载文件
          writer.write().then(blob => {
            const url = window.URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.href = url;
            a.download = 'table_data.xlsx'; // 下载文件名
            a.click();
            window.URL.revokeObjectURL(url); // 清理临时URL
          });
        },
      },
    },
  },
};

记得替换 `data` 为你实际的表格数据，并调整列标题（header）。这样，当用户点击 "导出到 Excel" 按钮时，就会生成一个 Excel 文件并下载。