一、EasyExcel导出使用的场景:同级信息归档
二、vue前端代码实现
以通知公告为例,进行excel批量导出:
Notice.vue中:
<template>
<el-form-item>
<kt-button label="通知导出" type="primary" v-on:click="exportExcel()" />
</el-form-item>
</<template>
<script>
export default {
methods: {
//导出
exportExcel: function () {
this.$api.notice.exportExcel({});
}
}
}
</script>
http目录下的moudules文件夹下的notice.js,url为后端controller层Excel批量导出的接口路径
//文件导出
export const exportExcel = (data) => {
return axios({
url: '/notice/noticeExport',
method: 'get',
responseType: 'blob',
data
})
}
在http目录下的axios.js最底部添加如下文件下载方法的代码。
//文件下载
function downLoadFile(res){
//得到请求到的数据后,对数据进行处理
let blob = new Blob([r