element-plus el-table xlsx数据导出

要使用 element-plus 和 el-table 导出 xlsx 数据，你需要使用以下步骤：

1.安装依赖：

使用 npm 安装 xlsx：

npm install xlsx

2. 创建一个导出函数：

创建一个函数并通过参数传递要导出的表格数据。

这里是一个示例函数，它将生成一个 xlsx 文件并将其保存在本地文件系统中：

    export default function exportToExcel(data, fileName) {
      import('xlsx').then((xlsx) => {
        const worksheet = xlsx.utils.json_to_sheet(data);
        const new_workbook = xlsx.utils.book_new();
  
        xlsx.utils.book_append_sheet(new_workbook, worksheet, 'Sheet1');
        xlsx.writeFile(new_workbook, `${fileName}.xlsx`);
      });
    }

该函数的第一个参数是要导出的数据，第二个参数是要保存的文件名。

3.在 el-table 中添加导出按钮：

现在，您需要在 el-table 中添加一个“导出”按钮，该按钮将调用上面创建的函数。

以下是一个示例按钮的代码：

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

4.实现 exportTable 函数：

在 exportTable 函数中，您需要获取要导出的数据并将其传递给 exportToExcel 函数。

以下是一个示例 exportTable 函数的代码：

exportTable() {
  const data = this.tableData; // 将表格数据保存到变量中
  const fileName = "tableData"; // 文件名
  exportToExcel(data, fileName); // 调用导出函数
},

现在，每当用户单击“导出”按钮时，将调用该函数并导出表格数据。