1.在src下的libs文件夹下新建一个excel文件夹，里面放入下载好的两个文件（Blob.js和Export2Excel2.js）
2.在所需要导出的vue文件里引入：
import { toExportExcel } from “…/libs/excel/Export2Excel2.js”;
3.点击导出按钮时：
toExportExcel(title, tHeader, datas, filename); //标题，表头，表数据，表名字
注：
title格式：
title= [“xxxx（周报）”, “”, “”, “”, “”, “”, “”, “”, “”, “”, “”, “”]
tHeader格式：
tHeader=[“表头1”, “表头2”, “表头3”, “表头4”, “表头5”, “表头6”, “表头7”, “表头8”, “表头9”, “表头10”, “合计”, “占比”]
datas格式：
datas=[
[“xx”, 1, 1, 0, 0, 0, 0, 0, 0, 0, 2, “40%”]
[“xx”, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, “0%”]
[“xx”, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, “0%”]
]
filename格式：
filename=“汇总统计表”
4.Blob.js直接下载就好，不做修改，主要的修改是在Export2Excel2.js里
在Export2Excel2.js里的export_json_to_excel({
各种样式修改都是在这里完成
const borderAll = { //单元格外侧框线
top: {
style: ‘thin’
},
bottom: {
style: ‘thin’
},
left: {
style: ‘thin’
},
right: {
style: ‘thin’
}
};
（1）设置字体大小，加边框，自动换行，内容居中
dataInfo[v + j].s = {
border: borderAll,//边框
font: {
name: “微软雅黑”, //字体
sz: 12, //字体大小
color: {
rgb: “000000”
},
bold: true,
italic: false,
underline: false
}，
alignment: {//居中和换行
horizontal: “center”,
vertical: “center”，
wrapText: 1,
indent: 0
}
（2）合并单元格设置（可根据自己的实际情况修改）
ws[’!merges’] = [
// 设置A3-A9的单元格合并
{s: {r: 0, c: 2}, e: {r: 0, c: 8}}
];
})
预览效果：
参考文档：
/yunlibiqing/article/details/105332475
