vue通过Blob实现下载文件

需求是这样的......

具体实现,前端拿到后端返回回来的数据,然后通过Blob实现下载,文件内容样式啥的都是后端写的

script代码:

这里的data就是后端返回回来的数据,此方法兼容IE

 download(data) {
       if (!data) {
         return;
       }
       let blob = new Blob([data], {
         type:
           "application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=utf-8"
       });
       let url = window.URL.createObjectURL(blob);
       let fileName = this.data.plan_no + "出团通知单.docx";
       if ("download" in document.createElement("a")) {
         const a = document.createElement("a");
         a.href = url;
         a.download = fileName;
         a.style.display = "none";
         document.body.appendChild(a);
         a.click();
         URL.revokeObjectURL(a.href);
         document.body.removeChild(a);
       } else {
         navigator.msSaveBlob(blob, fileName);
       }
     }