之前都是在传统的html做的Excel导出功能，第一次使用vue做导出功能，尝试使用原来的Excel导出逻辑行不通了，昨天研究了很久没搞出来，放弃直接回家了 。
小编最新使用Vue开发一个项目，前端小程序和管理后台都是使用Vue开发（自认为开发效率较高，极力推荐大家使用哦），当做到一个数据导出Excel功能时卡壳了 。今天查询了一些资料恍然大悟，使用Vue做导出功能可以使用Vue插件xlsx 。
首先，使用npm安装xlsx插件：npm install --g xlsx;
然后，上代码吧 。。。
getExportData(params).then(res => {
if (res.success) {
var dateStr = moment(new Date()).format('YYYYMMDDHHmmss');
var filename = dateStr'.xlsx';//导出文件名
var data = https://www.itzhengshu.com/excel/[
[
'名称',
'备注',
'是否可用'
]
];
if (res.response.length > 0) {
res.response.forEach(e => {
data.push([
e.Name,
e.Remark,
e.IsEnable ? '是' : '否'
【vue导出excel小记】]);
});
}
var wsb = XLSX.utils.book_new();// 创建一个Excel文件 var wss = XLSX.utils.aoa_to_sheet(data); //创建内部工作表
XLSX.utils.book_append_sheet(wsb, wss, 'sheet1');//sheet1为内部工作表名称
XLSX.writeFile(wsb, filename);//写出Excel文件
}
});
OK ， 搞定！大家有什么好的想法，欢迎大家提出交流！#Vue导出Excel# #Vue#
东山再起