vue 导出excel

最新推荐文章于 2024-09-26 16:55:21 发布

黄-小智

最新推荐文章于 2024-09-26 16:55:21 发布

阅读量167

点赞数

文章标签： vue.js excel javascript

本文链接：https://blog.csdn.net/mrhxz/article/details/129955776

版权

该代码片段展示了一种使用Axios通过POST请求生成Blob对象来下载Excel文件的方法。它特别处理了可能的乱码问题，设置了响应类型为blob或arraybuffer，并定义了文件类型和字符集。之后，创建了一个URL对象用于下载，并在下载完成后释放内存。

摘要由CSDN通过智能技术生成

// An highlighted block
axios({
              method: 'post',
              url: '',
              data: {...this.listParamsCopy},
              responseType: 'blob', // 添加 blob 解决乱码问题，或者 arraybuffer
              baseURL: BASE_URL, // 添加url前半截
            }).then((res) => {
              const data = new Blob([res.data], {
                type: 'application/vnd.ms-excel;charset=utf-8',
              })
              const downloadUrl = window.URL.createObjectURL(data)
              const anchor = document.createElement('a')
              anchor.href = downloadUrl
              anchor.download = '处罚信息报送.xlsx' 
              anchor.click()
              window.URL.revokeObjectURL(res.data) // 消除请求接口返回的list数据
            })
            .catch((err) => {
              console.log(err)
            })