vue下载导出excel

let API='/gateway/cloud-dosp-manage/asset/index-config/exportIndexConfigLog' //后端给的接口
let link = document.createElement('a');
link.href =API + '?indexConfigId=' + this.itemData.id; //接口加上参数
link.click();
link.remove();

vue下载zip文件:

import { exportMethod } from '@/httpConfig/http.js';

let obj = {
            method: "get", 
            url: '/gateway/cloud-dosp-manage/dosp/datadraw/dataDownload', 
            fileName: this.dataDownLoadList, //通过详情接口查出来文件名 
            params: { 
              applyId: this.formList.id,
              checkCode: this.applyDownLoadForm.code,
            }
          }
  exportMethod(obj);
  
http.js文件里:
export const exportMethod = function(data){ 
  Axios({ 
      method: data.method, 
      url: data.url, 
      params: data.params, 
      responseType: 'blob'
  }).then((res) => {
      const link = document.createElement('a'); 
      let blob = new Blob([res], {type: 'application/zip'}); 
      link.style.display = 'none';
      link.href = URL.createObjectURL(blob);
      link.class="download";
      link.download = data.fileName //下载的文件名 
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
  }).catch(error => { 
    this.$message.error(error.message); 
  }) 
}; 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值