介绍为什么要使用vue axios (, {
,,,,method :, & # 39;文章# 39;
,,,,url : api.exportPlayTime ,,//,请求地址
,,,,data :, {
,,,,,choose :,类型,
,,,,,begindate :, startDate可以,
,,,,,enddate : endDate
,,,,},
,,,,responseType :, & # 39; arraybuffer& # 39;
,,,,观察:,& # 39;响应# 39;
,,,},)
,,,,.then (, (, res )=祝辞,{
,,,,,const fileName =,““+文件名+“.xlsx"
,,,,,let blob =, new Blob ([res.data],,{类型:,“应用程序/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});
,,,,,if (, & # 39;下载# 39;,拷贝document.createElement (, & # 39;一个# 39;,),),{,//非IE下载
,,,,,,const elink =, document.createElement (, & # 39;一个# 39;,)
,,,,,,elink.download =,文件名
,,,,,,elink.style.display =, & # 39;没有# 39;
,,,,,,elink.href =, URL.createObjectURL (, blob )
,,,,,,document.body.appendChild (, elink )
,,,,,,elink.click ()
,,,,,,URL.revokeObjectURL (), elink.href ,//,释放URL 对象
,,,,,,document.body.removeChild (, elink )
,,,,,},else {问世,//+下载
,,,,,,navigator.msSaveBlob (blob的不同之处是,fileName )
,,,,,}
,,,,}) 下载(数据),{
,,,if 数据(!),{
,,,,回来
,,,}
,,,let url =, window.URL.createObjectURL (new Blob((数据)))
,,,let link =, document.createElement(& # 39;一个# 39;)
,,,link.style.display =, & # 39;没有# 39;
,,,link.href =, url
,,,link.setAttribute(& # 39;下载# 39;,,& # 39;excel.xlsx& # 39;)
,,,document.body.appendChild(链接)
,,,link.click ()
,,},
怎么在vue中利用发布方法下载excel文件?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
vue是一款友好的,多用途且高性能的JavaScript框架,使用vue可以创建可维护性和可测试性更强的代码库,vue允许可以将一个网页分割成可复用的组件,每个组件都包含属于自己的HTML, CSS, JavaScript,以用来渲染网页中相应的地方,所以越来越多的前端开发者使用vue。
后台方法的参数必须是@RequestBody修饰的。
,,,,,前台关键代码:,,,
看完上述内容,你们掌握怎么在vue中利用发布方法下载excel文件的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!
