vue2 导出的条件绑定分页查询的条件共同做导出

可以使用第三方库 js-xlsx 来实现 Excel 导出功能。具体步骤如下：

1. 安装 js-xlsx 库

npm install xlsx --save

2. 在 Vue 组件中引入 js-xlsx 库

import XLSX from 'xlsx';

3. 编写导出方法

exportExcel() {
  // 获取要导出的数据
  const data = [...this.tableData];

  // 定义表头
  const headers = ['姓名', '年龄', '性别', '地址'];

  // 将数据转换为二维数组
  const dataArr = data.map(item => {
    return [item.name, item.age, item.gender, item.address];
  });

  // 将表头和数据合并为一个数组
  const sheetData = [headers, ...dataArr];

  // 创建工作簿对象
  const workbook = XLSX.utils.book_new();

  // 定义工作表名称
  const sheetName = 'Sheet1';

  // 将数据转换为工作表对象
  const worksheet = XLSX.utils.aoa_to_sheet(sheetData);

  // 将工作表添加到工作簿中
  XLSX.utils.book_append_sheet(workbook, worksheet, sheetName);

  // 导出 Excel 文件
  XLSX.writeFile(workbook, 'data.xlsx');
}

4. 在模板中调用导出方法

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

这样就可以实现将表格数据导出为 Excel 文件的功能了。