前端 导出excel 表格页面!!
1、首先后台传到前端的接口一般为乱码。获取到传过来的乱码。
2、没有(blob)的情况下。下载依赖(blob)。
3、在请求的位置写上(responseType:‘blob’)处理乱码。例如:
export const export = (params) => {
url:'xxx' // 此为地址
method:'get' // 请求方式## 标题
responseType:'blob' // 请求头转换 用于处理乱码
params
}
4、在methods 里面的方法里面加入以下代码。
let blob = new Blob([res,data],{type:"application/vnd.ms-excel"})
let fileName = '名字' //filName 导出表格的名字
if('download' in document.createElement('a')){
const elink = document.createElement('a')
elink.download = fileName
elink.style.display = 'none'
elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink)
elink.click()
URL.revokeObjectURL(elink.href)
document.body.removeChild(elink)
}else{
navigator.msSaveBlob(blob,fileName)
}