vue下载excel的实现代码后台用post方法
后台方法的参数必须是@RequestBody修饰的。
前台关键代码:
axios({
method:'post',
url:api.exportPlayTime,//请求地址
data:{
choose:type,
begindate:startDate,
enddate:endDate
},
responseType:'arraybuffer',
observe:'response',
})
.then((res)=>{
constfileName=""+filename+".xlsx"
letblob=newBlob([res.data],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});
if('download'indocument.createElement('a')){//非IE下载
constelink=document.createElement('a')
elink.download=fileName
elink.style.display='none'
elink.href=URL.createObjectURL(blob)
document.body.appendChild(elink)
elink.click()
URL.revokeObjectURL(elink.href)//释放URL对象
document.body.removeChild(elink)
}else{//IE10+下载
navigator.msSaveBlob(blob,fileName)
}
})
download(data){
if(!data){
return
}
leturl=window.URL.createObjectURL(newBlob([data]))
letlink=document.createElement('a')
link.style.display='none'
link.href=url
link.setAttribute('download','excel.xlsx')
document.body.appendChild(link)
link.click()
},
总结
以上所述是小编给大家介绍的vue下载excel的实现代码后台用post方法，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！