1、导出按钮
//导出按钮
<el-button type="primary"
:loading="downLoad"
size="small"
@click="expertExcel" //导出事件
icon="el-icon-download">导出</el-button>
2、通过设置a标签触发excel下载
// 导出excel
expertExcel () {
this.downLoad = true
//调接口
getEnterprisesExport(this.searchData).then(res => {
//成功回调
<!----核心代码start----!>
// 获取文件名
let fileName = 'xxx.xlsx'
// 文件地址
let objectUrl = URL.createObjectURL(new Blob([res]))
//创建a标签,通过设置a标签触发下载
const link = document.createElement('a')
link.download = fileName
link.href = objectUrl
link.click()
<!----核心代码end----!>
this.downLoad = false
})
},
3、记得设置responseType为blob
测试: