excel导出前端vue

标签：The   nbsp   cli   document   create   remove   creat   view   ios   

export_excel(){
this.axios.get(‘downExcelView/‘,{responseType:‘blob‘}).then(res=>{
var blob = new Blob([res.data], {type: ‘application/vnd.openxmlformats-officedocument.spreadsheetml.sheet‘}); // application/vnd.openxmlformats-officedocument.spreadsheetml.sheet这里表示xlsx类型
var downloadElement = document.createElement(‘a‘);
var href = window.URL.createObjectURL(blob); // 创建下载的链接
downloadElement.href = href;
downloadElement.download = ‘导出数据.xls‘; // 下载后文件名
document.body.appendChild(downloadElement);
downloadElement.click(); // 点击下载
document.body.removeChild(downloadElement); // 下载完成移除元素
window.URL.revokeObjectURL(href); // 释放掉blob对象
})
}

export_excel是个方法需要点击事件触发 或者是别的触发方式 

excel导出前端vue

标签：The   nbsp   cli   document   create   remove   creat   view   ios   

原文地址：https://www.cnblogs.com/v3174/p/14668618.html