导出前端做的话分页可能会有些问题,如果后端提供了导出接口,可以这样实现
<el-button type="success" size="small" @click="exportExcel">导出</el-button>
methods写入方法
async exportExcel () {
//接口请求(略)
const blob = new Blob([res], { type: 'application/vnd.ms-excel' })
// 2.获取请求返回的response对象中的blob 设置文件类型,这里以excel为例
const url = window.URL.createObjectURL(blob)
// 3.创建一个临时的url指向blob对象
const a = document.createElement('a')
// 4.创建url之后可以模拟对此文件对象的一系列操作,例如:预览、下载
a.href = url
a.download = '打卡记录.xlsx'
a.click()
window.URL.revokeObjectURL(url) // 5.释放这个临时的对象url
},