1.创建下载按钮
<button @click="download" type="primary">下载</button>
2.调用接口获取服务端内容下载到本地
//下载日志
download() {
this.$api.xxx.download(params1, params2,params3...).then((res) => {
// console.log(res.data);
const fileName = params1.name;
const _res = res.data;
const blob = new Blob([_res]);
const downloadElement = document.createElement("a");
const href = window.URL.createObjectURL(blob); // 创建下载的链接
downloadElement.href = href;
downloadElement.download = decodeURI(fileName); // 下载后文件名
document.body.appendChild(downloadElement);
downloadElement.click(); // 点击下载
document.body.removeChild(downloadElement); // 下载完成移除元素
window.URL.revokeObjectURL(href); // 释放掉blob对象
});
},