导出表格为Excel内容

导出表格为Excel内容

1、首先 安装如下命令：

npm install xlsx file-saver -S

2、在要导出的页面引入

import XLSX from 'xlsx'

3、使用
html

<el-button type="primary" icon="el-icon-download" @click="Summary">汇总</el-button>

method

Summary(){
	let list ={ id : id }
	Order.pool(list).then((res)=> {  //请求接口
	   if(res.data.errmsg == '成功'){
	     var filename = "统计信息.xlsx"; //文件名称
	     let port = [];  
	     res.data.data.map((item) => {  //拿数据
	       port.push([  //将需要的数据追加到空数组中
	         item.spuTitle,
	         item.spuId,
	         item.skuTitle,
	         item.skuId,
	         item.num,
	       ]);
	     });
	     var data = [["商品名称", "spuId", "规格", "skuId", "数量"], ...port]; //Excel表头以及数据，一定注意需要是二维数组
	     var ws_name = "Sheet1"; //Excel第一个sheet的名称
	     var wb = XLSX.utils.book_new();
	     var ws = XLSX.utils.aoa_to_sheet(data);  //数据转换
	     XLSX.utils.book_append_sheet(wb, ws, ws_name); //将数据添加到工作薄
	     XLSX.writeFile(wb, filename); //导出Excel
	
	   }
	}).catch(function (error) {
	   console.log(error);
	});
}