前端实现导出功能

1.前端实现导出原理:首先需要拿到需要导出的数据,然后执行导出方法

 downLoad() {//在这里拿到要导出的数据this.downloadLoading = true;let params = {...JSON.parse(JSON.stringify(this.formInline)),pageSize: 99999999999,pageIndex: 0,};if (params.order_time && params.order_time.length > 0) {params.start_time = params.order_time[0];params.end_time = params.order_time[1];}delete params.order_time;situationList(params).then((res) => {import("@/vendor/Export2Excel").then((excel) => {const tHeader = this.labelList.map((row) => row.label);const filterVal = this.labelList.map((row) => row.value);const data = this.formatJson(filterVal, res.data);excel.export_json_to_excel({header: tHeader,data,filename: "供应商采购数据",autoWidth: this.autoWidth,bookType: this.bookType,});});}).finally(() => {this.downloadLoading = false;});},``````bashformatJson(filterVal, jsonData) {return jsonData.map((v) =>filterVal.map((j) => {if (j === "timestamp") {return parseTime(v[j]);} else {return v[j];}}));},

遇到比较不和谐的后端,什么都要前端来做,那也不用怕,后端可以做的前端一样可以做


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部