Vueの==輸出エクセル

<EL-フォーム項目> 
    <EL-ボタンをクリック@ = "exportHandle（）"タイプ= "成功">导出</ EL-ボタン> 
</ EL-フォーム項目> 

の<script> 
'axios'からインポートaxios 

輸出デフォルト{ 
メソッド：{ 
    exportHandle（）{ 
      axios（{ 
          ヘッダー：{
             'のContent-Type'： 'アプリケーション/ JSON' 、
            トークン：Cookies.get（ 'tokensp' ）
          }、
          responseType： 'ブロブ'、// 一定要写 
          方法： '取得' 、
          URL： `$ {window.SITE_CONFIG [ 'forumURL'
]} / productequipment / pmequipment / exportBackgroundEquipments`、          paramsは：{
             "JSON" ：{ 
                    トークン：Cookies.get（ "トークン" ）、
                    CUSTOMERNAME：この.dataForm.customerName、
                    businessOfficeId：この.dataForm.officeId、
                    createTimeStart： '' 、
                    createTimeEnd： '' 
            } 
          } 
      }）
        .then （RES => { 
          ブロブせ = 新しいブロブ（[res.data]、{タイプ： 'アプリケーション/ vnd.ms-Excelは' }）
          させた日付 = 新しいです日付（）; 
          月ましょう = date.getMonth（）+ 1 ; 
          聞かせて日 = date.getDate（）; 
          fileNameにしましょう +（日> = 10日？： '0' +日）：= '设备管理信息' + date.getFullYear（）+（？ '0' +月の月> = 10月）// 下载的文件名
          もし（ 'msSaveOrOpenBlob' におけるナビゲータ）{
             // 'IE' 
            window.navigator.msSaveOrOpenBlob（BLOBファイル名+ 'の.xls' ）
          } 他{ 
            CONSTリンク =のdocument.createElement（ '' ）
            link.style.display ='なし'= URL.createObjectURL（BLOB）
            link.download = res.headers [ 'コンテンツ配置'] // 下载后文件名 
            link.download = fileNameに
            document.body.appendChild（リンク）
            link.click（）
            document.body.removeChild （リンク）
          } 
        }） 
        。キャッチ（ERR => {
           // はconsole.log（ERR）
        }）
      } 
} 
}

 </ SCRIPT>
おすすめ
