VUE+EXCEL实现数据导入excel文件

前端+vue+将数据写入excel

最近的项目要求，按照给定的模板，将后台返回的数据（包括表名、表说明、类型、类型说明，如下图）写入excel文件

我从网上找到了相关代码（参考https://segmentfault.com/a/1190000018993619?utm_source=tag-newest），但该代码只能将表头和表格数据写入。

通过研究该文章中提供的代码，可以发现在Export2Excel.js文件中的export_json_to_excel（th, jsonData, defaultTitle）方法，调用时传入了三个参数，分别是表头、表格数据、默认的excel文件名。该方法中data.unshift(th)将装有表头的数组加到装有表格数据数组的数组的最前面，然后调用sheet_from_array_of_arrays(data)将装有表头数组和表格数据数组的数组，进行写入excel的操作。
所以其实不难想到，只要将项目模板要求的前两行像表头数组一样，插到表格数据数组的最前面，就可以满足需求。(以下是我的写法)

//template.vue
 export_json_to_excel(tHeader,data,fileName,table_name,table_type);//调用

//export2Excel.js
export function export_json_to_excel(th, jsonData, defaultTitle,table_name,table_type) {
    
    

  /* original data */

  var data = jsonData;
  data.unshift(th);
  data.unshift(table_type)
  data.unshift(table_name)
  var ws_name = "SheetJS";    //sheet name
  var wb = new Workbook(), ws = sheet_from_array_of_arrays(data);
  ...
}