这篇文章给大家聊聊关于vue电脑版下载,以及vue实现文件的下载对应的知识点,希望对各位有所帮助,不要忘了收藏本站哦。
一template
<Buttontype=&34;@click=&34;>下载</Button>
二script
//下载模板\nonDownloadTemplate(){\nthis.$http({\nmethod:&34;,\nurl:&34;,\nresponseType:&34;,//此处注意请求头,此处一定要配,否则下载的文件打不开\n}).then((res)=>{\nconsole.log(&34;,res);\nthis.download(res.data);\n});\n},\n//将下载接口返回的内容进行处理,可以下载到指定路径\ndownload(data){\nleturl=window.URL.createObjectURL(newBlob([data]));\nletlink=document.createElement(&34;);\nlink.style.display=&34;;\nlink.href=url;\nlink.id=&34;;\nlink.setAttribute(&34;,&34;);//要和后端命名保持一致,此处是导出excel表格\ndocument.body.appendChild(link);\nlink.click();\ndocument.getElementById(&34;).remove();\n},
好了,文章到此结束,希望可以帮助到大家。
