vue 后台数据导出Excel操作

    我这工作用的是antd vue组件库来搭建工程的,里面有需要将table的数据导出Excel的操作,我这里是请求接口,从后台数据中导出,方法如下:

一、 首先需要把后台二进制转换层Blob数据类型

     const blob = new Blob([res.data], { type: 'application/vnd.ms-excel' })

    转换后blob数据类型有两个参数,属性名分别是 size、和type。type是对应文件格式。

二、创建a标签,href 关联到Blob

   const aLink = document.createElement('a')

    aLink.href = URL.createObjectURL(blob)

三、设置下载文件名称并创建点击事件

    aLink.setAttribute('download', '客户资源' + '.xlsx')

    aLink.click()

四、最后触发下载

     this.$refs.loadElement.appendChild(aLink)

当然还没有完,如果文件下载下来后是乱码的 还需要在你的 api 接口上添加

responseType: 'blob'

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容