XLSX.utils.table_to_book 分页导出所有数据

caoye_oo0

已于 2024-01-12 11:46:47 修改

阅读量1.4k

点赞数 7

文章标签： vue.js excel导出

于 2024-01-12 11:46:16 首次发布

本文链接：https://blog.youkuaiyun.com/xc_oo0/article/details/135549088

版权

本文介绍了如何使用Node.js库XLSX和file-saver在前端实现异步导出表格数据为Excel文件，包括获取数据、转换为工作簿、保存为下载文件的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  import * as XLSX from 'xlsx'
  import * as FileSaver from 'file-saver'

	async handleExport() {
        this.loading = true
        this.oldtableData = this.tableData // 保留第一页数据到oldtableData

        this.queryParams2.pageNum = 1
        this.queryParams2.pageSize = this.total // 不分页查全部

        await getTestData(this.addDateRange(this.queryParams2, this.dateRange)).then(response => {
          this.tableData = response.rows
          this.total = response.total
        })


        var wb = XLSX.utils.table_to_book(document.querySelector('#detail-table'), { raw: true })
        var wbout = XLSX.write(wb, { bookType: 'xls', bookSST: true, type: 'array' })
        try {
          FileSaver.saveAs(
            new Blob([wbout], { type: 'application/octet-stream' }),
            '测试设备数据.xls'
          )
        } catch (e) {
          if (typeof console !== 'undefined') console.log(e, wbout)
        }
        this.tableData = this.oldtableData // 导出完成 恢复成第一页数据
        this.loading = false
        return wbout

  }