[JavaScript知识库]vue导出表格文件下载工具类

请求后端导出表格数据的时候需要对后端返回的数据进行下载

导出表格需要在请求添加

	responseType: 'blob',

export function blobFun(res) {
  let blob = new Blob([res]); //response.data为后端传的流文件
  let downloadFilename = 'form' + ".xlsx";//设置导出的文件名
  if (window.navigator && window.navigator.msSaveOrOpenBlob) {
    //兼容ie浏览器
    window.navigator.msSaveOrOpenBlob(blob, downloadFilename);
  } else {
    //谷歌,火狐等浏览器
    let url = window.URL.createObjectURL(blob);
    let downloadElement = document.createElement("a");
    downloadElement.style.display = "none";
    downloadElement.href = url;
    downloadElement.download = downloadFilename;
    document.body.appendChild(downloadElement);
    downloadElement.click();
    document.body.removeChild(downloadElement);
    window.URL.revokeObjectURL(url);
  }
}