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 相关文章推荐
关于document.cookie的使用javascript
Apr 11 Javascript
jquery animate 动画效果使用说明
Nov 04 Javascript
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
Mar 03 Javascript
基于JavaScript自定义构造函数的详解说明
Apr 24 Javascript
jquery中prop()方法和attr()方法的区别浅析
Sep 06 Javascript
鼠标悬浮停留三秒后自动显示大图js代码
Sep 09 Javascript
JavaScript和CSS交互的方法汇总
Dec 02 Javascript
在JavaScript的AngularJS库中进行单元测试的方法
Jun 23 Javascript
Javascript创建类和对象详解
May 31 Javascript
使用Bootrap和Vue实现仿百度搜索功能
Oct 26 Javascript
Vuejs开发环境搭建及热更新【推荐】
Sep 07 Javascript
Js实现粘贴上传图片的原理及示例
Dec 09 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
英雄试炼之肉山谷—引领RPG新潮流
2020/04/20 DOTA
php 安全过滤函数代码
2011/05/07 PHP
php的dl函数用法实例
2014/11/06 PHP
PHP文件上传操作实例详解
2016/09/27 PHP
php微信公众号开发之翻页查询
2018/10/20 PHP
PHP进阶学习之类的自动加载机制原理分析
2019/06/18 PHP
yii2.0框架场景的简单使用示例
2020/01/25 PHP
php中yii框架实例用法
2020/12/22 PHP
JavaScript 动态生成方法的例子
2009/07/22 Javascript
jquery异步请求实例代码
2011/06/21 Javascript
onmouseover和onmouseout的一些问题思考
2013/08/14 Javascript
jQuery实现购物车数字加减效果
2015/03/14 Javascript
javascript自定义in_array()函数实现方法
2015/08/03 Javascript
jQuery zTree树插件动态加载实例代码
2017/05/11 jQuery
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
2017/07/10 Javascript
vue实现图片加载完成前的loading组件方法
2018/02/05 Javascript
Python自定义scrapy中间模块避免重复采集的方法
2015/04/07 Python
Python抓取电影天堂电影信息的代码
2016/04/07 Python
Python3控制路由器——使用requests重启极路由.py
2016/05/11 Python
python matplotlib中文显示参数设置解析
2017/12/15 Python
python数据封装json格式数据
2018/03/04 Python
python selenium 获取标签的属性值、内容、状态方法
2018/06/22 Python
Python闭包函数定义与用法分析
2018/07/20 Python
python获取微信小程序手机号并绑定遇到的坑
2018/11/19 Python
python在openstreetmap地图上绘制路线图的实现
2019/07/11 Python
python 将dicom图片转换成jpg图片的实例
2020/01/13 Python
宝拉珍选澳大利亚官方购物网站:Paula’s Choice澳大利亚
2016/09/13 全球购物
Nili Lotan官网:Nili Lotan同名品牌
2018/01/07 全球购物
Street One瑞士:德国现代时装公司
2019/10/09 全球购物
产品促销活动策划书
2014/01/15 职场文书
毕业生自荐书
2014/02/03 职场文书
庆七一活动简报
2015/07/20 职场文书
2016年万圣节活动个人总结
2016/04/05 职场文书
详解Python中下划线的5种含义
2021/07/15 Python
「我的青春恋爱物语果然有问题。-妄言录-」第20卷封面公开
2022/03/21 日漫
SQL Server数据库的三种创建方法汇总
2023/05/08 MySQL