首页 > 其他 > 详细

vue 前端导出excel

时间:2020-05-11 14:53:46      阅读:72      评论:0      收藏:0      [点我收藏+]
安装插件:
cnpm install js-export-excel
创建js jsExportExcel.js
import ExportJsonExcel from "js-export-excel"

export function downloadExcel (fileName,exportData,columns) {
  const option = {};
  let dataTable = [];
  for (let i in exportData) {
    const result = {};
    for (let i in columns) {
      if (i != 0){
        result[columns[i].dataIndex] = exportData[i][columns[i].dataIndex];
      }
    }
    dataTable.push(result)
  }
  var filterList = new Array;
  var headerList = new Array;
  for (let i in columns) {
    if (i != 0){
      filterList.push(columns[i].dataIndex);
      headerList.push(columns[i].title);
    }
  }

  option.fileName = fileName;
  option.datas = [
    {
      sheetData:dataTable,
      sheetName: fileName,     // Excel文件名称
      sheetFilter: filterList,
      sheetHeader: headerList
    },
  ];
  const toExcel = new ExportJsonExcel(option);
  toExcel.saveExcel();
}
调用:
downloadExcel(fileName){
        import(‘@/utils/jsExportExcel‘).then(excel => {
          excel.downloadExcel(fileName, this.dataSource, this.columns)
        })
      },

 技术分享图片

技术分享图片

 

vue 前端导出excel

原文:https://www.cnblogs.com/xueyicanfei/p/12868869.html

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