前端导出Excel文件,vue导出exc文件

导出分为两种,一种是直接给url导出,另一种是接口直接返回文件导出,本文讲接口返回导出的

// 导出
    handleExport() {
      exportResource({
        type: 1,
      }).then((res) => {
        let blob = res;
        const fileReader = new FileReader();
        fileReader.readAsDataURL(blob);
        fileReader.onload = (event) => {
          let a = document.createElement("a");
          let _fileName = "数据表格.xls";
          a.download = _fileName;
          a.href = event.target.result;
          document.body.appendChild(a);
          a.click();
          document.body.removeChild(a);
        };
      });
    },

用FileReader,这样就可以了,注意:responseType一定要为blob才可以:

//资源列表导出
export function exportResource(params) {
  return request({
    url: 'admin/resources/export',
    method: 'get',
    params,
    responseType: 'blob'
  })
}

你可能感兴趣的:(web前端)