当前位置: 移动技术网 > IT编程>脚本编程>vue.js > vue,axios,文档流导出xls表格

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

2020年07月23日  | 移动技术网IT编程  | 我要评论

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网