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);
}
})
},