首页 > 其他 > 详细

vue 实现表格导出excel表

时间:2020-05-14 15:51:41      阅读:48      评论:0      收藏:0      [点我收藏+]

首先需要下载安装依赖

npm install -S file-saver xlsx

npm install -D script-loader

  然后在utils里边创建两个文件(Blob.js和Export2Excel.js);

     这两个文件可以从网盘里拿到

     链接: https://pan.baidu.com/s/1bMgE4HM5IFgq8MUXJGbV-A 提取码: bh4e

  然后在页面使用

技术分享图片

exportOrderExcelHandler() {
  require.ensure([], () => {
   const {export_json_to_excel} = require(‘@/utils/Export2Excel‘)
   const tHeader = ["订单号","任务名称","文件名称","url"] //这是要导出excel表的表头
   const filterVal = ["orderNo","taskName","fileName","url"] //这里的每一项是要导出 表单数据的key值;
   const list = this.testList; //要导出的数据
   const data = this.formatJson(filterVal, list);
   const name = "要导出的订单"; //要导出的订单的名字
   export_json_to_excel(tHeader, data, name)
  })
  },
  formatJson(filterVal, jsonData) {
  return jsonData.map(v => filterVal.map(j => v[j]))
  }

  

vue 实现表格导出excel表

原文:https://www.cnblogs.com/BySee1423/p/12888973.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!