<el-button type=“text” size=“small” @click=“handleDownload(scope.$index, scope.row)”>下载结果
async handleDownload(index, row) {
this.loadingOverLay = this.$loading({
lock: true,
text: '文件生成中',
spinner: 'el-icon-loading',
background: 'rgba(0,0,0,0.7)'
});
var elemIF = document.createElement('iframe');
elemIF.src = process.env.VUE_APP_BASE_API+'/dataConsumerContractExecutionResult/download?id='+row.id+'&url='+row.url;
elemIF.style.display ='none';
document.body.appendChild(elemIF);
this.loadingOverLay.close();
},
问题:a标签下载方式,只能当下载完成后在窗口弹出文件,当大文件下载时等待时间长,页面没有展示文件,无明显反应。
需求:点击下载,直接在下方弹出文件,下载进度可见。