企业微信第三方应用-下载excel（vue）

最近项目需要，需要在企业微信电脑版导出excel。之前也做了在移动端导出文件。因此，特意写下此文章，以便查看。

pc端

        传统方法，利用a标签，下载文件。但是，mac不能下载文档流，需要后端配合，返回文件地址。

import { fileXls } from '@/utils/export-EXC.util';
import { commonService } from '../services/commonService.service';
methods:{
  download(){
    commonService.downloadExcel(params).then((res) => {
       fileXls(res.data, 'export.xlsx');
    })
  }
}

 下载方法（后端返回的是文档流）如下：

export function fileXls(data, name, suffix?: string) {
  const blob = new Blob([data])
  const fileName = name + (suffix ? '.' + suffix : '')
  const elink = document.createElement('a')
  elink.download = fileName
  elink.style.display = 'none'
  elink.href = URL.createObjectURL(blob)
  document.body.appendChild(elink)
  elink.click()
  URL.revokeObjectURL(elink.href) // 释放URL 对象
  document.body.removeChild(elink)
}

后端返回url，

export function fileXlsByUrl(url){
  const ele = document.createElement('a');
  ele.setAttribute('href', res.data);
  ele.click();
  document.body.removeChild(ele);
}

移动端

    同样，需要后端返回url

    location.href=url

欢迎，指正。。。