vue拿前端的:table导出

可以使用第三方库 `xlsx` 来实现表格导出功能。

首先需要安装 `xlsx`：

npm install xlsx --save

然后在需要导出表格的组件中，引入 `xlsx`：

import XLSX from 'xlsx';

接下来，定义一个方法来导出表格：

exportExcel() {
  // 表头
  const header = ['姓名', '年龄', '性别'];
  // 表格数据
  const data = [
    ['小明', 18, '男'],
    ['小红', 20, '女'],
    ['小刚', 22, '男']
  ];

  // 创建一个空的工作簿
  const workbook = XLSX.utils.book_new();
  // 创建一个工作表
  const worksheet = XLSX.utils.aoa_to_sheet([header, ...data]);
  // 将工作表添加到工作簿中
  XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
  // 导出工作簿
  XLSX.writeFile(workbook, 'data.xlsx');
}

以上代码中，我们定义了一个 `exportExcel` 方法，用来导出表格。首先定义了表头和数据，然后创建一个空的工作簿，再创建一个工作表，并将表头和数据添加到工作表中。最后将工作表添加到工作簿中，调用 `XLSX.writeFile` 方法将工作簿导出为 Excel 文件。

在模板中添加一个按钮，绑定 `exportExcel` 方法即可：

<button @click="exportExcel">导出表格</button>

这样，用户点击按钮后，就可以下载一个名为 `data.xlsx` 的 Excel 文件，其中包含了我们定义的表格数据。