vue项目中将查询内容已Exacel形式导出到本地

后台为java，本文只展示前端代码

1.先将responseType设置为blob格式

const getMerchantAuditListByWhereExcel = p => request.get('/xxx/xxxx', {
  params: p,
  responseType: 'blob'
}) // 订单管理-导出全部查询结果订单信息Excel

2.执行的函数代码

// 搜索导出全部内容
    seachExport() {
      let param = {
        // 需要传递的参数
      };

      getMerchantAuditListByWhereExcel(param).then(res => {
        this.download(res);
      });
    },

    // 下载文件
    download(data) {
      if (!data) {
        return;
      }
      let url = window.URL.createObjectURL(new Blob([data.data]));
      let a = document.createElement("a");
      a.style.display = "none";
      a.href = url;
      a.setAttribute("download", "自营订单列表.xls");
      document.body.appendChild(a);
      a.click();
    },

前端进阶精选：点此去