vue - 文件导出

最新推荐文章于 2023-12-07 09:54:52 发布

2401w

最新推荐文章于 2023-12-07 09:54:52 发布

阅读量385

点赞数

分类专栏： vue 文章标签：成绩下载接口调用异步操作 Excel导出 API请求

本文链接：https://blog.csdn.net/asfcyg/article/details/121594821

版权

vue 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

接口

// 导出某场考试的成绩
export function scoreDownload (params) {
  return request({
    url: '/api/eExamInfo/download',
    params,
    method: 'get',
    responseType: 'blob'
  })
}

调用接口

// 导出
downloadScore(row){
  let params = {
    examInfoId: row.id
  }
  ExamMessage.scoreDownload(params).then(res=>{
    const data = res
    const url = window.URL.createObjectURL(new Blob([data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }))
    const link = document.createElement('a')
    link.style.display = 'none'
    link.href = url
    link.setAttribute('download', '成绩.xlsx')
    document.body.appendChild(link)
    link.click()
    document.body.removeChild(link)
  })
}