1.通過后端接口返回url直接下載：

// 直接下載 window.location.href = url // 通過跳轉其他頁面下載 window.open(url, '_blank')

2.通過創建a標簽下載

let a = document.createElement('a') // 創建a標簽 a.style.display = 'none' a.setAttribute('download', '文件名') // 下載文件的名稱及文件類型后綴 a.href = path // 指定下載鏈接 a.click() // 觸發下載 a = null

3.后端返回的是文檔流（文檔過大可以減小請求時間）

? ? ? ? 如果是文檔流的形式記得在請求的時候加上responseType: 'blob'和?getResponse: true

// 請求時 export function orderUploadExcel(params) {return request({url: '/sales/export_sales/',method: 'get',params,responseType: 'blob',getResponse: true}) }// 下載 const url = window.URL.createObjectURL(new Blob([data], { type:'application/vnd.openxmlformatsofficedocument.spreadsheetml.sheet;charset=utf-8'})) const link = document.createElement('a') link.href = url const fileName = '銷售訂單' + getDateTime(new Date()) + '.xlsx' link.setAttribute('download', fileName) // 下載文件的名稱及文件類型后綴 document.body.appendChild(link) link.click() document.body.removeChild(link) // 下載完成移除元素 window.URL.revokeObjectURL(url) // 釋放掉blob對象

總結

以上是生活随笔為你收集整理的vue导出excel文件下载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。