vue导出el-table的内容

问题描述

把el-table的数据导出成Excel,目前table有500行数据,分页显示了,每页显示10条,总共50页

问题出现的环境背景及自己尝试过哪些方法

尝试过两种方法,第一种方法可以导出当前数据,就是只能导出10条,但是要求一次把500条数据全部导出;
第二种方法直接报错,第一种方法CSDN上说npm安装两个,第二种方法npm install 三个,有没有一个切实可行的一次全部导出el-table的所有数据的方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)
// let wb = XLSX.utils.table_to_book(document.querySelector('#tableXlsx'))

  // let wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })
  // try {
  //   FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), 'sheetjs.xlsx')
  // } catch (e) { if (typeof console !== 'undefined') console.log(e, wbout) }
  // return wbout
  // 第二种方法
  require.ensure([], () => { // 用 webpack Code Splitting xlsl还是很大的
    const { export_json_to_excel } = require('../../vendor/Export2Excel');
    // const tHeader = ['序号', '文章标题', '作者', '阅读数', '发布时间']; // excel 表格头
    const tHeader = ['异常堆栈ID', '异常堆栈']; // excel 表格头
    // const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time'];
    const filterVal = ['stackHash', 'stack'];
    // const list = this.list;
    const list = this.tableData;
    const data = this.formatJson(filterVal, list); // 自行洗数据 按序排序的一个array数组
    export_json_to_excel(tHeader, data, '列表excel');
  })

你期待的结果是什么?实际看到的错误信息又是什么?

阅读 1.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题