难免遇见需要下载的文件功能,通常是后端返回放在服务器上的文件包路径
之前尝试过好几种方案,还是最常用的一种生效了,直接上代码吧
downEvent(value,index){
// 下载事件 正常使用
//创建a标签
const elink = document.createElement('a');
// 设置下载名称
elink.download = value.title + '.zip'
//不在页面上展示a标签
elink.style.display = "none"
// 添加href属性 即下载的地址路径
elink.href = value.href
//在页面上添加此a标签
document.body.appendChild(elink)
// 触发点击事件
elink.click()
//下载完毕,告诉浏览器要使用URL.revokeObjectURL()方法释放之前创建的URL
URL.revokeObjectURL(elink.href)
// 移除添加的a标签
document.body.removeChild(elink)
},