【前端】vue实现a标签调用后台接口返回响应数据导出excel文件

/**
* @param {res}调用后台接口返回的二进制 
* @param {name}导出文件名字加文件后缀 
*/
调用方法传参
this.exportMethod(res,'某某列表.xls')

封装导出方法
exportMethod(info,name){
      if (!info) {
          return
      }
      let url = window.URL.createObjectURL(info)
      let link = document.createElement('a')
      link.style.display = 'none'
      link.href = url
      link.setAttribute('id', 'downloadLink')
      link.setAttribute('download', name)
      document.body.appendChild(link)
      link.click()
      // 删除添加的a链接
      let objLink = document.getElementById('downloadLink')
      document.body.removeChild(objLink)
      // 释放内存
      window.URL.revokeObjectURL(url)
}

后台响应的数据流

ÐÏ�ࡱ�á;�þÿ    �����þÿÿÿ�ÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿRoot Entry���ÿÿÿÿÿÿÿÿ��ÀWorkbook���ÿÿÿÿÿÿÿÿÿÿÿÿ·þÿÿÿýÿÿÿþÿÿÿ����þÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿ�������    
�
������������������ !"þÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿ   ���Ó�Ì�A�á�°�Á�â\p
Administrator                                                                                                B�°�a��=��œ��������¯��¼��=�h���\:¾#8�X�@���"����·��Ú�1�Èÿ����Arial1�Èÿ����Arial1�Èÿ����Arial1�Èÿ����Arial1�ðÿ����Arial�����"$"#,##0_);("$"#,##0)�����"$"#,##0_);[Red]("$"#,##0)�� ��"$"#,##0.00_);("$"#,##0.00)��% "$"#,##0.00_);[Red]("$"#,##0.00)��5*0_("$"* #,##0_);_("$"* (#,##0);_("$"* "-"_);_(@_)��,)'_(* #,##0_);_(* (#,##0);_(* "-"_);_(@_)��=,8_("$"* #,##0.00_);_("$"* (#,##0.00);_("$"* "-"??_);_(@_)��4+/_(* #,##0.00_);_(* (#,##0.00);_(* "-"??_);_(@_)à�õÿ À à��õÿ ôÀ à��õÿ ôÀ à��õÿ ôÀ à��õÿ ôÀ à�õÿ ôÀ à�õÿ ôÀ à�õÿ ôÀ à�õÿ ôÀ à�õÿ ôÀ à�õÿ ôÀ à�õÿ ôÀ à�õÿ ôÀ à�õÿ ôÀ à�õÿ ôÀ à�� À à��+õÿ øÀ à��)õÿ øÀ à��,õÿ øÀ à��*õÿ øÀ à�� õÿ øÀ à���"���À “���€�ÿ“���€�ÿ“���€�ÿ“���€�ÿ“��€ÿ“���€�ÿ`��…�~�   �‹k¾uºNáOo`ü[eQ!j�gŒ���®�������üã��    �‹k¾uºNáOo`ü[eQ!j�g��ÓY
T��‹k¾uÁ‹{|‹W��‹k¾uºNÁ‹÷S��‹k¾uÍy{|��‹k¾uI{§~��«ŽýNÁ‹÷S��'`+R��/f&T1\�N��/f&T7bM|��7bãS{|+R��‡e�S�z¦^��@b^\WˆS���@b^\>y:S��T€û|5uÝ‹��T€û|0W@W��'}%`T€û|ºN(ÓY
T-�05uÝ‹-�0sQû|)ÿ���ß�j7�Â
    ���»
Ì�Á�����h
���d������ü©ñÒMbP?_��*�+�‚��€%��ÿ��Á���ƒ�„�¡"�d����,�,�à?à?�U��������ÿ������ÿ��ý
�ý
���ý
����ý
����ý
����ý
����ý
����ý
����ý
���ý
�� ý
�   �
ý
�
��ý
���ý
��
ý
�
��ý
����ý
����×����>��¶�@����å�������
ÿÿÿÿÿÿÿÿÿ