vue 導出功能 后端返回流


 1. import XLSX from 'xlsx'
  import ES6Promise from 'es6-promise'

 2.入參增加 responseType: 'blob',
  例如: exportTemporaryList: params => {
    return api.get({url: '/temporary/exportTemporaryList', params, responseType: 'blob', headers: {'Content-Type': 'application/json'}})
  },

3. organApi.exportTemporaryList(dataInformation) // 重新獲取下級節點
          .then((res2) => {
             let downloadFileName =  'aaaa.xlsx' // 導出后文件名
                  if ('msSaveOrOpenBlob' in navigator) { // Microsoft Edge and Microsoft Internet Explorer 10-11
                    window.navigator.msSaveOrOpenBlob(res2, downloadFileName)
                  } else { // standard code for Google Chrome, Mozilla Firefox etc
                    var blob = new Blob([res2], {type: 'application/vnd.ms-excel'})
                    var downloadElement = document.createElement('a')
                    var href = window.URL.createObjectURL(blob) // 創建導出的鏈接
                    downloadElement.href = href
                    downloadElement.download = downloadFileName
                    document.body.appendChild(downloadElement)
                    downloadElement.click() // 點擊導出
                    setTimeout(() => {
                      document.body.removeChild(downloadElement) // 導出完成移除元素
                      window.URL.revokeObjectURL(href) // 釋放掉blob對象
                    }, 500)
                  }
        })
 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM