vue 下载或导出文件

html里写一个按钮组件

<hc-button type="default" text="导出" style="color: #229399;" icon="hc-icon-downLoad" size="small" @click="exportButton" v-preventReClick>导出</hc-button>

methods方法里

// 导出按钮
			exportButton(){
				let param = {
					"articleType": this.searchForm.articleType,
					"ifPage": true,
					"pageNum": this.pageNum,
					"pageSize": this.pageSize,
					"statusCd": this.flagbutton
				}
				let response = api("/wecom/exportInformation", "post", param,'',{},'blob');
				response.then(res=>{
					const blob = new Blob([res], {
						type: "application/vnd.ms-excel;charset=utf-8"
					});
					const fileName = '资讯列表.xlsx';
					if("download" in document.createElement("a")) {
						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);
						document.body.removeChild(elink);
					} else {
						navigator.msSaveBlob(blob, fileName);
					}
				})

			},