vue使用axios导出后台返回的文件流为excel表格详解_vue.js_

导出

data() {     return {       isClick: true,     };   },

download() { // 简单的一个小节流 if (!this.isClick) { return; } this.isClick = false; axios({ method: "POST", url: "", data: {}, responseType: "blob", //定义为blob }).then((res) => { const file = new Blob([res.data], { type: "application/vnd.ms-excel" }); const url = URL.createObjectURL(file); const a = document.createElement("a"); a.href = url; a.click(); this.isClick = true; }); },

 .post("/TasksTable/ExportData",{ item: { //传入项目id，根据项目id来 搜素任务 project_id: this.tasksinfo, }, //页的索引和页的长度。 PageSize: this.pageSize, PageIndex: this.currentPage, //定义类型 headers: { "Content-Type": "application/x-www-form-urlencoded", }, responseType:'blob', }) 

.post("/TasksTable/ExportData",{ item: { //传入项目id，根据项目id来 搜素任务 project_id: this.tasksinfo, }, //页的索引和页的长度。 PageSize: this.pageSize, PageIndex: this.currentPage, }, { //定义类型 headers: { "Content-Type": "application/x-www-form-urlencoded", }, responseType:'blob', })