Vue下载接口返回流的处理

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 = url
      const fileName = name + '.' + suffix
      aDOM.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, '本月异常考勤')
},