一.創(chuàng)建exports.js文件

export default {
            // 導(dǎo)出
      exports(data,url,name='光儲(chǔ)充能源一體化') {
                    //data 接口參數(shù)
                   //url  接口地址
                   // name 導(dǎo)出的文件夾名稱
        function createObjectURL(object) {
          return (window.URL) ? window.URL.createObjectURL(object) : window.webkitURL.createObjectURL(object);
        }
        let xhr = new XMLHttpRequest();
        let day = new Date();  //創(chuàng)建當(dāng)前時(shí)間
        xhr.open('post', url);
        xhr.setRequestHeader("Content-type","application/json")
        xhr.setRequestHeader("Authorization", sessionStorage.getItem('Authorization'));     //設(shè)置token
        xhr.responseType = 'blob';

         xhr.onload = function(e) {
          if (this.status == 200) {
            let blob = this.response;
            let filename = name + day.toLocaleDateString();  //文件名+當(dāng)前時(shí)間
            if (window.navigator.msSaveOrOpenBlob) {
              navigator.msSaveBlob(blob, filename);
            } else {
              let a = document.createElement('a');
              let url = createObjectURL(blob);
              a.href = url;
              a.download = filename;
              document.body.appendChild(a);
              a.click();
              window.URL.revokeObjectURL(url);
            }
          }
        };
        xhr.send(data);
      },


}

二.需要的頁面移入exports.js文件

<template>
<div> 
 <el-button  @click="exportsClick"> </el-button>
</div>
</template>
<script>
  import Exs from '../../utils/exports.js'
  export default {
  data() {
 return {}
 },
 methods: {
      exportsClick() {        //導(dǎo)出

                let name='電站臺(tái)賬';     //定義文件名稱
                let da = [ "1","2"  ];   // da 為接口參數(shù)（ 需要導(dǎo)出數(shù)據(jù)的 id ）
                        
          exs.exports(JSON.stringify( da ), '/power/exportPower',name)


      },

}

}

</script>