vue实现导出excel的两种方式

VIP文章岩岩很哇塞！

已于 2022-12-07 14:45:13 修改

阅读量7.1k

点赞数 9

文章标签： vue.js javascript 前端

于 2022-08-10 15:06:53 首次发布

本文链接：https://blog.csdn.net/zhaoyan_love/article/details/126266507

版权

需求说明

通过vue实现导出有两种方式：
（1）后端返回的是一个地址，直接拼接打开下载就行
（2）后端返回的是文件流的形式，这个时候就需要在请求头还有返回值的地方设置一下

一、后端返回的是地址

// 页面代码
<el-button
       type="primary"
       size="mini"
       class="filter-item"
       icon="el-icon-download"
       style="margin: 12px 20px 0 0; float: right"
       @click="onExportClick"
       >
       导出
</el-button>

 onExportClick() {
   //导出方法
     exportDevices(this.listQuery) //导出接口
      .then(result => {
   
         const url = result.data
         window.open(