1.下载接口返回流如下:
2.可以写公共方法处理
excelDownload(obj, name = Date.now(), suffix = 'xlsx') {//Date.now()获取当前日期const url = window.URL.createObjectURL(//Blob是二进制大对象new Blob([obj], { type: 'application/vnd.ms-excel' }))const aDOM = document.createElement('a')aDOM.style.display = 'none'//设置dom元素不显示,隐藏aDOM.href = urlconst fileName = name + '.' + suffixaDOM.setAttribute('download', fileName)//setAttribute(name, value)增加一个指定名称和值的新属性,或者把一个现有属性设定为指定的值document.body.appendChild(aDOM)//向body节点中添加dom节点aDOM.click()//在adom上模拟一次鼠标点击document.body.removeChild(aDOM)//移除节点},
3.具体使用场景
3-1 需要带日期
formattedDate:日期 data为接口返回的流
downLoadImportUserAttendError() {const data = await importUserAttendError({startTime: this.formattedDate})this.excelDownload(data, '异常考勤' + this.formattedDate)
},
3-2 不需要带日期
downimportUserAttendErrorBetween() {const data = await importUserAttendErrorBetween({startTime: this.formattedDate})this.excelDownload(data, '本月异常考勤')
},