高级- - 简单 用法 实现 文件下载

1、创建一个按钮

<template #default="{row}">
  <el-button type="text" @click="download(row.contractId,row.contractName)">
    文件下载
  </el-button>
</template>

2、调接口

async download(id, filename) {
  const res = await downloadAPI(id)
  console.log(res)
  // 新版本浏览器不支持
  // const url = window.URL.createObjectURL(res)
  const url = window.URL.createObjectURL(new Blob([res], { type: 'application/zip' }))
  const a = document.createElement('a')
  a.href = url
  a.download = filename
  a.click()
}

3、

export function downloadAPI(id) {
  return request({
    url: '/download/' + id,
    method: 'GET'
  })
}