1、html
javascript
<div class="down" @click="down(dataurl)">
<img src="~assets/images/reportsModule/下载.png" alt="">
<span style="padding-left: 5px;">立即下载</span>
</div>
dataurl 是路径
2、methods
javascript
// 下载pdf
download(url){
const link = document.createElement("a");
// 这里是将链接地址url转成blob地址,
fetch(url)
.then((res) => res.blob())
.then((blob) => {
link.href = URL.createObjectURL(blob);
// 下载文件的名称及文件类型后缀
link.download = "文件";
document.body.appendChild(link);
link.click();
//在资源下载完成后 清除 占用的缓存资源
window.URL.revokeObjectURL(link.href);
document.body.removeChild(link);
});
},
// 下载pdf
down(e){
let obj = {
type: 3,
path: e
}
接口(参数).then(res => {
this.download(e)
}).catch(err =>{
console.log(err)
})
},