var _this = this;
const loading = this.$loading({
lock: true,
text: '正在导出',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
var hurl ="xxxx"; //这里填写你后端返回文件的路径。
var xhr = new XMLHttpRequest();
xhr.open('get', hurl);
xhr.send();
xhr.responseType = 'blob'; //设置请求回来的数据为blob方式
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 数据在 this.response 保存
var blob = new Blob([this.response], {
type: "application/octet-stream"
});
// 创建a链接 href链接地址 download为下载下来后文件的名称
var aa = document.createElement('a');
aa.href = URL.createObjectURL(blob);
// aa.innerHTML = 'a链接';
aa.download = '自定义导出.xls';
aa.style.display = 'none'; //隐藏a标签 直接调用a标签的点击事件
document.body.appendChild(aa);
aa.click();
loading.close();
}
}
导出文件加loading()
于 2022-05-19 18:48:06 首次发布