html
<button @click="ok">模板下載</button>
js:
ok() {
let params = {
tempType:'traffic_police'
}
this.$http({
method: 'get',
responseType: 'blob',//防止返回亂碼
// url: '/static/fileExcel/buy.xlsx',//正式
url: 'http://localhost:8082/static/fileExcel/buy.xlsx',//測試
params: params
}).then(res=>{
console.log(res.data.status)
if(res.status == '200'){
// downloadFile (data, name)
let data = res.data;
if (!data) {
this.$message.error('下載失敗,解析數(shù)據(jù)為空!')
return
}
// const datetime = Date.now();
// 創(chuàng)建一個新的url,此url指向新建的Blob對象
let url = window.URL.createObjectURL(new Blob([data]))
// 創(chuàng)建a標(biāo)簽琅束,并隱藏改a標(biāo)簽
let link = document.createElement('a')
link.style.display = 'none'
// a標(biāo)簽的href屬性指定下載鏈接
link.href = url
//setAttribute() 方法添加指定的屬性,并為其賦指定的值。
let fileName = '購買明細(xì)表.xlsx'
link.setAttribute('download', fileName )
document.body.appendChild(link)
link.click()
this.$Message.info('導(dǎo)出成功');
this.modal3 = false;
}else{
this.$Message.error('導(dǎo)出失敗免胃,請嘗試重新導(dǎo)出');
}
});
}