欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue,axios,文档流导出xls表格

程序员文章站 2022-07-03 17:50:51
vue项目中,axios接收后台返回的文档流xls数据,导出excel表格// 事件函数 exportCase() { //点击后下载 if (this.checkArr.length > 0) { // daochu 是这里封装的一个请求 自己写请求时一定要{responseType: 'blob'} 响应数据类型是必写的 daochu(qs.string...

vue项目中,axios接收后台返回的文档流xls数据,导出excel表格

// 事件函数
 exportCase() { //点击后下载
                
                if (this.checkArr.length > 0) {
                	// daochu 是这里封装的一个请求  自己写请求时一定要{responseType: 'blob'} 响应数据类型是必写的
                    daochu(qs.stringify({
                        heardNames: this.checkArr.join(","),
                        casIds: ID.join(",")
                    }), {responseType: 'blob'}).then(res => {
                        let url = window.URL.createObjectURL(new Blob([res], {type: 'application/x-xls'}))
                        let link = document.createElement('a')
                        link.style.display = 'none'
                        link.href = url
                        let timestamp = new Date().getTime()
                        let ran = Math.random()
                        link.setAttribute('download', "case_" + timestamp + "_" + ran + ".csv")
                        document.body.appendChild(link)
                        link.click()
                        window.URL.revokeObjectURL(url);//释放blob
                    })
                } else {
                    this.$message.error('请选择表头');
                }

本文地址:https://blog.csdn.net/qq_45919328/article/details/107511637

相关标签: vue.js javascript