vue导出excel小记

之前都是在传统的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 = [

[

'名称',

'备注',

'是否可用'

]

];

if (res.response.length > 0) {

res.response.forEach(e => {

data.push([

e.Name,

e.Remark,

e.IsEnable ? '是' : '否'

]);

});

}

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#