发送接口请求后端，创建a标签实现导出功能

常威在打来福~

于 2021-07-06 18:45:32 发布

阅读量347

点赞数

分类专栏：婉约派

本文链接：https://blog.youkuaiyun.com/weixin_41166682/article/details/118527046

版权

婉约派专栏收录该内容

38 篇文章

订阅专栏

这段代码展示了如何异步调用接口获取数据，并将数据转换为Excel文件进行下载。它使用了时间戳作为查询参数，处理了Firefox的点击事件，并在成功下载后清理元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

async handleExport() {
   const params = {
     startTime: dateStart ? dateStart.getTime() : '',
     endTime: dateEnd ? dateEnd.getTime() : '',
     pageIndex: this.datas.page.pageIndex,
     pageSize: this.datas.page.pageSize,
   }; // 参数随意
   const ret = await xxx(params); // 调用接口
   if (ret.retCode === 0) {
     const a = document.createElement('a');
     a.download = '扣划日志信息.xlsx';
     a.href = `data:;base64,${ret.data}`;
     $('body').append(a); // 修复firefox中无法触发click
     a.click();
     $(a).remove();
   } else {
     this.$qfMessage.error(ret.retMsg);
   }
 },