vue2 项目 使用elementui 中的tabble 在使用分页功能的前提下 导出所有数据

您好，对于使用 ElementUI 中的 Table 组件，在使用分页功能的前提下导出所有数据，您可以按照以下步骤进行操作：

1. 安装 `xlsx` 和 `file-saver` 库（前者是用来生成 Excel 文件，后者是用来将生成的文件保存到本地）：

npm install xlsx file-saver --save

2. 在 Table 组件上添加 `ref` 属性，以便在代码中引用该组件：

<el-table ref="table" :data="tableData" ...>
  ...
</el-table>

3. 在需要导出所有数据的时候，调用以下方法：

// 导出数据为 Excel 文件
exportExcel() {
  // 获取所有数据
  const data = this.$refs.table.store.states.data
  // 定义表头
  const headers = this.$refs.table.columns.map(column => column.label)
  // 将数据转换为二维数组
  const dataArray = []
  data.forEach(row => {
    const rowArray = []
    headers.forEach(header => {
      rowArray.push(row[header])
    })
    dataArray.push(rowArray)
  })
  // 创建一个 Workbook 对象
  const workbook = XLSX.utils.book_new()
  // 创建一个 Worksheet 对象
  const worksheet = XLSX.utils.aoa_to_sheet([headers, ...dataArray])
  // 将 Worksheet 对象添加到 Workbook 对象中
  XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1')
  // 将 Workbook 对象转换为二进制流并保存到本地
  const buffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' })
  const blob = new Blob([buffer], { type: 'application/octet-stream' })
  saveAs(blob, 'data.xlsx')
}

其中，`this.$refs.table.store.states.data` 可以获取到所有数据，`this.$refs.table.columns` 可以获取到表头信息。

4. 在 Table 组件上添加一个按钮，点击该按钮即可导出所有数据：

<el-button type="primary" @click="exportExcel">导出所有数据</el-button>

通过以上步骤，您就可以在使用 ElementUI 中的 Table 组件并开启分页功能的前提下导出所有数据了。