vue下载excel的实现代码后台用post方法


Posted in Javascript onMay 10, 2019

后台方法的参数必须是@RequestBody修饰的。

      前台关键代码:   

axios ( {
     method : 'post',
     url : api.exportPlayTime , // 请求地址
     data : {
      choose : type,
      begindate : startDate,
      enddate : endDate
     },
     responseType : 'arraybuffer',
     observe: 'response',
    } )
     .then ( ( res ) => {

      const fileName = ""+filename+".xlsx"
      let blob = new Blob([res.data], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});
      if ( 'download' in document.createElement ( 'a' ) ) { // 非IE下载
       const elink = document.createElement ( 'a' )
       elink.download = fileName
       elink.style.display = 'none'
       elink.href = URL.createObjectURL ( blob )
       document.body.appendChild ( elink )
       elink.click ()
       URL.revokeObjectURL ( elink.href ) // 释放URL 对象
       document.body.removeChild ( elink )
      } else { // IE10+下载
       navigator.msSaveBlob ( blob, fileName )
      }
     })
download(data) {
    if (!data) {
     return
    }
    let url = window.URL.createObjectURL(new Blob([data]))
    let link = document.createElement('a')
    link.style.display = 'none'
    link.href = url
    link.setAttribute('download', 'excel.xlsx')

    document.body.appendChild(link)
    link.click()
   },

总结

以上所述是小编给大家介绍的vue下载excel的实现代码后台用post方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
setTimeout和setInterval的深入理解
Nov 08 Javascript
jquery插件NProgress.js制作网页加载进度条
Jun 05 Javascript
JS实现的最简Table选项卡效果
Oct 14 Javascript
JavaScript实现页面跳转的几种常用方式
Nov 28 Javascript
js基于setTimeout与setInterval实现多线程
Jun 17 Javascript
JS 调用微信扫一扫功能
Dec 22 Javascript
详解Javascript几种跨域方式总结
Feb 27 Javascript
JavaScript实现前端分页控件
Apr 19 Javascript
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
Sep 26 Javascript
深入浅析nuxt.js基于ssh的vue通用框架
May 21 Javascript
四十九个javascript小知识实用技巧
Nov 20 Javascript
微信小程序如何再次获取用户授权的方法
May 10 #Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
May 10 #Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
May 10 #Javascript
vue element中axios下载文件(后端Python)
May 10 #Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
May 10 #Javascript
简单通过settimeout看javascript的运行机制
May 10 #Javascript
详解js实时获取并显示当前时间的方法
May 10 #Javascript
You might like
重量级动漫纷纷停播!唯独OVERLORD第四季正在英魂之刃继续更新
2020/05/06 日漫
Yii框架引用插件和ckeditor中body与P标签去除的方法
2017/01/19 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
PHP 计算两个特别大的整数实例代码
2018/05/07 PHP
PHP使用SOAP调用API操作示例
2018/12/25 PHP
js 页面执行时间计算代码
2009/03/04 Javascript
js改变文章字体大小的实例代码
2013/11/27 Javascript
iframe父页面获取子页面参数的方法
2014/02/21 Javascript
node.js中的fs.appendFile方法使用说明
2014/12/17 Javascript
jQuery中Form相关知识汇总
2015/01/06 Javascript
28个常用JavaScript方法集锦
2015/01/14 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
2015/10/10 Javascript
在JavaScript中call()与apply()区别
2016/01/22 Javascript
jQuery实现的自定义弹出层效果实例详解
2016/09/04 Javascript
最新Javascript程序员面试试题和解题方法
2017/11/23 Javascript
js 实现watch监听数据变化的代码
2019/10/13 Javascript
jQuery 图片查看器插件 Viewer.js用法简单示例
2020/04/04 jQuery
[01:17:55]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/20 DOTA
重命名批处理python脚本
2013/04/05 Python
scrapy spider的几种爬取方式实例代码
2018/01/25 Python
基于scrapy的redis安装和配置方法
2018/06/13 Python
解决python多线程报错:AttributeError: Can't pickle local object问题
2020/04/08 Python
python speech模块的使用方法
2020/09/09 Python
python利用platform模块获取系统信息
2020/10/09 Python
浅析PyCharm 的初始设置(知道)
2020/10/12 Python
美国百年历史早餐食品供应商:Wolferman’s
2017/01/18 全球购物
说出数据连接池的工作机制是什么?
2013/04/19 面试题
外贸业务员求职自荐信分享
2013/09/21 职场文书
25岁生日感言
2014/01/13 职场文书
党的群众路线教育实践活动动员会主持词
2014/03/20 职场文书
最新大学生创业计划书写作攻略
2014/04/02 职场文书
涉密人员保密承诺书
2014/05/28 职场文书
优秀教师个人总结
2015/02/11 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript
Vue通过懒加载提升页面响应速度
2021/05/10 Vue.js
KVM基础命令详解
2022/04/30 Servers