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 相关文章推荐
JavaScript 获取事件对象的注意点
Jul 29 Javascript
关于js拖拽上传 [一个拖拽上传修改头像的流程]
Jul 13 Javascript
快速解决jQuery与其他库冲突的方法介绍
Jan 02 Javascript
jQuery窗口、文档、网页各种高度的精确理解
Jul 02 Javascript
JavaScript常用脚本汇总(三)
Mar 04 Javascript
用原生js做单页应用
Jan 17 Javascript
js 递归和定时器的实例解析
Feb 03 Javascript
vue 双向数据绑定的实现学习之监听器的实现方法
Nov 30 Javascript
如何在JavaScript中优雅的提取循环内数据详解
Mar 04 Javascript
微信小程序实现消息框弹出动画
Apr 18 Javascript
Vue.js仿Select下拉框效果
Feb 18 Javascript
js实现烟花特效
Mar 02 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
php 数学运算验证码实现代码
2009/10/11 PHP
允许phpmyadmin空密码登录的配置方法
2011/05/29 PHP
关于PHP堆栈与列队的学习
2013/06/21 PHP
使用PHP获取汉字的拼音(全部与首字母)
2013/06/27 PHP
php可应用于面包屑导航的迭代寻找家谱树实现方法
2015/02/02 PHP
PHP引用返回用法示例
2016/05/28 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
JavaScript中的事件处理
2008/01/16 Javascript
iframe的父子窗口之间的对象相互调用基本用法
2013/09/03 Javascript
使用jQuery获得内容以及内容的属性
2015/02/26 Javascript
JavaScript实现的经典文件树菜单效果
2015/09/08 Javascript
jquery实现垂直和水平菜单导航栏
2020/08/27 Javascript
Chrome调试折腾记之JS断点调试技巧
2017/09/11 Javascript
webpack实用小功能介绍
2018/01/02 Javascript
JS实现DOM删除节点操作示例
2018/04/04 Javascript
element-ui 关于获取select 的label值方法
2018/08/24 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
2018/11/04 Javascript
详解如何在vscode里面调试js和node.js的方法步骤
2018/12/24 Javascript
vue实现form表单与table表格的数据关联功能示例
2019/01/29 Javascript
NodeJs操作MongoDB教程之分页功能以及常见问题
2019/04/09 NodeJs
vue全局自定义指令-元素拖拽的实现代码
2019/04/14 Javascript
微信小程序如何利用getCurrentPages进行页面传值
2019/07/01 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
2019/09/02 Javascript
浅析python中SQLAlchemy排序的一个坑
2017/02/24 Python
使用python实现ANN
2017/12/20 Python
Python绘制KS曲线的实现方法
2018/08/13 Python
Python 字符串池化的前提
2020/07/03 Python
python对 MySQL 数据库进行增删改查的脚本
2020/10/22 Python
python 检测图片是否有马赛克
2020/12/01 Python
阿玛瑞酒店中文官方网站:Amari.com
2018/02/13 全球购物
Currentbody西班牙:美容仪专家
2019/09/28 全球购物
新闻学专业应届生求职信
2013/11/08 职场文书
法人代表授权委托书
2014/04/08 职场文书
我爱我家教学反思
2014/05/01 职场文书
优秀德育工作者事迹材料
2014/05/07 职场文书
修改MySQL的数据库引擎为INNODB的方法
2021/05/26 MySQL