业务场景:
1 有一个表格数据需要导出,服务端返回的是blob格式的数据,我们希望将blob数据导出为xls表格
2 这个表格数据导出同时需要筛选条件,比如选择不同的条件导出结果不同的数据
3 封装一个导出组件处于发送请求状态时置为不可用,导出成功后可用
使用效果图:
前置知识处理blob格式数据:
利用a标签的href属性,模拟其click点击事件,就可以下载文件
const linkNode = document.createElement('a');
linkNode.download = fileName || `导出数据${Date.now()}.xlsx`; // a标签的download属性规定下载文件的名称
linkNode.href = window.URL.createObjectURL(new Blob([blobContent])); // 生成一个Blob URL
document.body.appendChild(linkNod