注意：請求頭加上responseType:‘blob’,否則可能會出現(xiàn)亂碼問題 async exportExcel(){if(this.ArrFid.length == 0) return this.$message.warning('請選擇表格導(dǎo)出內(nèi)容')const res = await http.postHandleExport({ids:this.ArrFid})// console.log(res);var blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }) // application/vnd.openxmlformats-officedocument.spreadsheetml.sheet這里表示xlsx類型// var blob = new Blob([res], {type: "application/vnd.ms-excel"})var link = document.createElement('a')var url = window.URL.createObjectURL(blob) // 創(chuàng)建下載的鏈接link.style.display = 'none'link.href = urllink.download = '臺賬明細(xì).xls' // 下載后文件名document.body.appendChild(link)link.click() // 點擊下載document.body.removeChild(link) // 下載完成移除元素window.URL.revokeObjectURL(url) // 釋放掉blob對象}, 如果上面代碼依舊有問題，則需用原生axios寫法，具體如下： axios.post('/bj-slfh/business/damage/exportExcel',{ids:this.ArrFid},{responseType: "blob"}).then(res => {// var blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }) // application/vnd.openxmlformats-officedocument.spreadsheetml.sheet這里表示xlsx類型var blob = new Blob([res.data], {type: "application/vnd.ms-excel"})var link = document.createElement('a')var url = window.URL.createObjectURL(blob) // 創(chuàng)建下載的鏈接link.style.display = 'none'link.href = urllink.download = '臺賬明細(xì).xlsx' // 下載后文件名document.body.appendChild(link)link.click() // 點擊下載document.body.removeChild(link) // 下載完成移除元素window.URL.revokeObjectURL(url) // 釋放掉blob對象})

總結(jié)

以上是生活随笔為你收集整理的vue 导出excel表格-乱码问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。