vue接收Excel文件流并下载
VUE接收文件流并转换成Excel表格下载到本地:一:安装vue自带的插件npm install --save js-file-download二:引入js-file-downloadimport fileDownload from 'js-file-download';三:声明一个button<el-form-item><el-button type="link" :loadi
·
VUE接收文件流并转换成Excel表格下载到本地:
一:安装vue自带的插件
npm install --save js-file-download
二:引入js-file-download
import fileDownload from 'js-file-download';
三:声明一个button
<el-form-item>
<el-button type="link" :loading="loadingFlag" @click="exportExcel">导出</el-button>
</el-form-item>
四,定义exportExcel事件
exportExcel(){
let data = {//请求参数
page: this.currentPage,
pageSize: this.pageSize,
param: this.searchData,
};
this.$confirm('确定导出?','操作提示',{
confirmButtonText:'确定',
cancelButtonText:'取消',
type:'warning',
center:true
}).then(()=>{
exportExcel(data).then( (res) => { //$api.exporPersontExcel或者api文件的接口
let date= this.getDate();
//fileDownload("blob字节流",“fileName”)
fileDownload(res.data, "主产品提货单.xlsx");
this.$message({
message: '成功!',
type: 'success'
});
})
}).catch( err => {
this.$message({
type: 'error',
message: '取消!'
});
})
},
export const exportExcel = (data) => {
return axios({
url: `${prefix}sales/billMain/exportExcel`,
method: 'post',
data,
'responseType':"blob"
})
}
更多推荐
已为社区贡献2条内容
所有评论(0)