点击按钮访问接口返回的url,进行下载文件与跳转操作
点击调用download()方法
就是创建a标签
设置a标签属性
添加a标签到页面中
点击a标签
移除a标签
下载示例
//res 是接口返回的数据
download = (res) => {
let eleLink = document.createElement("a");
//设置样式为不可见
eleLink.style.display = "none";
//_blank表示在新窗口打开链接
eleLink.target = "_blank";
//需要访问的地址
eleLink.href =res.data.url;
//访问地址不需要文件名
//下载文件名
eleLink.download = res.fileName || moment().format("YYYYMMDDHHmmss");
document.body.appendChild(eleLink);
eleLink.click();
document.body.removeChild(eleLink);
}
});
};