element ui table数据导出为excel

安装依赖:

npm install -S  xlsx

新建Excel.js文件:

import * as XLSX from 'xlsx';
// 对象，用于调用方法
var dataConversionUtil = {};
 
// 将数据转换成Excel，单个sheet保存
//fileName文件名,tableHeader表头,dataList表数据,sheet="sheet1"工作表默认名字是sheet1
dataConversionUtil.dataToExcel = function(fileName,tableHeader,dataList,sheet="sheet1"){
  // excel的表头和数据
  let aoa = [];
  // aoa的数据格式：[[],[],[],[]]   数组的第一个子数组可以指定为表头  根据情况而定
  aoa = tableHeader.concat(dataList);
 
  let workSheet = XLSX.utils.aoa_to_sheet(aoa);
  let workBook = XLSX.utils.book_new();
 
  // 把数据写到工作簿中
  XLSX.utils.book_append_sheet(workBook,workSheet,sheet)
  //如果一个工作工作簿中有多个工作表，可以修改参数类型并遍历添加，期中workBook是同一个，workSheet和sheet根据自己的需求添加，
  //比如在此处添加第二个工作表叫‘第二张表’，把数据封装好后，数据格式同上,假如数据叫workSheet2，执行下面代码，工作簿就会多一张工作表叫‘第二张表’
  //XLSX.utils.book_append_sheet(workBook,workSheet2,'第二张表')
 
  //保存
  XLSX.writeFile(workBook, fileName + ".xlsx")
 
}
 
export { dataConversionUtil }

在导出文件为excel的地方引入方法:

    import {
        dataConversionUtil
    } from "../../utils/Excel.js";

导出数据:

 batchExports() {
       //设置导出的列名
        var tableHeader = [
          ["序号", "数据1", "数据2", "数据3", "数据4", "数据5"],
        ];
        var dataList = [];

       //将导出数据存放在this.mumultipleSelection中 ,遍历将要导出的数据
        this.multipleSelection.forEach((item, index) => {
          dataList.push([
            index + 1,
            item.name,
            item.bankAccount,
            item.bankName,
            item.statusText,
            item.createdAt,
          ]);
        });
        dataConversionUtil.dataToExcel("导出列表名", tableHeader, dataList);
        this.$message.success("导出成功!");
      },