1. 前置条件:后台提供导出接口,接口返回的是文件地址("file_url": "")
2.代码:
<template>
<el-button @click="onClickExport">导出</el-button>
</template>
<script>
import api from '../../api/api.js' // 封装接口的文件
export default {
methods: {
/** 导出 */
onClickExport() {
api.listDownload(this.form).then(res => { // listDownload就是导出接口的名字
// 接口请求成功之后获取file_url,然后执行下载操作
const a = document.createElement('a')
a.download = '文件名.xlsx'
a.href = res.n.file_url
document.body.appendChild(a)
a.click()
document.body.removeChild(a)
})
}
}
}
</script>
版权声明:本文为qq_45578024原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。