vue 導(dǎo)出 excel/csv文件

項(xiàng)目背景:需要導(dǎo)出用戶的訂閱消息的信息列表
后端支持:接口返回二進(jìn)制流文件,直接調(diào)用接口就可獲取xslx
前端準(zhǔn)備:看代碼

       const data = this.formData //接口入?yún)?shù)
       const  url = '/v2/XXXX/xxxxxx/export' //接口路徑
      //responseType: 'blob',一定不要忘記,不然會(huì)亂碼
       axios.post( url, data ,{headers:{token: 'XXXXXX'},responseType: 'blob'}).then( (res) => {
          if(res.status === 200 && res.data){
            // type: 'text/csv;charset=utf-8,%EF%BB%BF' ; 
            //需要導(dǎo)出 csv文件就用這上面的格式,需要導(dǎo)出xlsx就用下面的
            const blob = new Blob([res.data],{type:'application/vnd.ms-excel'})
            const href = window.URL.createObjectURL(blob) // 創(chuàng)建下載的鏈接
            let downloadElement = document.createElement('a')
            downloadElement.href = href
            // 自定義下載后文件名,可以不設(shè)置
            downloadElement.download = 'filename.xlsx'
            downloadElement.click()
            window.URL.revokeObjectURL(href) //釋放掉blob對(duì)象
          }else{
            this.error(res.message)
          }     
        }).catch((error)=>{
          console.log(error)
        })

記錄一下,下次用起來(lái)可以直接找

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容