1.引入导出URL方法

export const download = (urls) => {let name = urls// let url = window.URL.createObjectURL(new Blob(config.url + urls)); //创建下载链接let link = document.createElement('a') // 创建a标签link.style.display = 'none' // 将a标签隐藏link.href = (window.conf.host|| window.location.origin) + '/'+ urls // 给a标签添加下载链接(本地服务器)// link.href = '/' + urls // 给a标签添加下载链接(可本地localhost)link.setAttribute('download', `${name}`) // 此处注意,要给a标签添加一个download属性,属性值就是文件名称 否则下载出来的文件是没有属性的,空白白document.body.appendChild(link)link.click() // 执行a标签
}

2.调后端接口

SaveAwqc1Excel({cmd:"SaveAwqc1Excel",data:JSON.stringify({list:arr,STAFF:Cookies.get("STAFF")})}).then((rs) => {if ("0" === rs.erron) {this.$Message.success("导出成功!");download(rs.msg)//download方法,rs.msg为后端返回的url}this.$Message.error("导出失败");});

vue前端接收后端URL导出elsx相关推荐

  1. vue前端接收后端传过来的带list集合的数据

    目录 1.前端接收响应结果 2.后端组装响应结果 前后端交互,如下的示例Json报文,前端采用vue进行接收. {rootId: '',nodes: [],lines: [] } 1.前端接收响应结果 ...

  2. 【项目】uniapp前端接收后端springboot数据并渲染到界面+使用swiper和uView

    两个部分弄了很久,记录过程: request前后端交互 1.需要用到uni.request,记得先npm下载request(自己因为一开始没有下载就写代码而折腾了好久也没有成功发送请求)和uview- ...

  3. 前端接收后端返回的集合数据并展示

    前端通过AJAX接收后端返回的数据 我们想要实现的功能是:通过ajax接收后端传过来的list集合,然后将数据转换并在前端页面的表格中展示.经过两天的修改,终于探索出了代码.表格展示用的是elemen ...

  4. 使用layui在前端接收后端的图片流来显示二维码,在前端使用iframe接收后端流来预览pdf

    消息弹框的形式 因为我是在生成二维码之后,用zxing的工具类输出的流 所以这里介绍一下我用到的工具类的依赖 gradle // https://mvnrepository.com/artifact/ ...

  5. 【前后端记录】前端接收后端数据并用div元素渲染 ,mybatis修改用户数据。

    一个很小的点但折腾了很久,为了把后端的数据解析出来查了很多资料,原功能是想显示登录的用户信息,但进行token认证和security整合过于麻烦,直接建了一个数据表来显示至页面. 效果是这样: 当然, ...

  6. vue 前端表格导入与导出

    excel导入到表格 表格导入与导出,文末带Blob.js和Export2Excel.js 导入按钮 <input type="file" @change="imp ...

  7. vue 前端png转pdf_vue导出pdf

    1 .我们要添加两个模块 第一个.将页面html转换成图片 npm install --save html2canvas 第二个.将图片生成pdf npm install jspdf --save 2 ...

  8. ant jeecg vue 前端通过dom节点 导出xlsx表格

    点击导出 : 效果图: 上代码 安装依赖:npm install xlsx@0.17.0 file-saver@2.0.5 --save    xlsx要指定版本不然会报错 <template& ...

  9. vue页面接收后端传递数值后保留两位小数

    前提:数值型(这里以float为例) 方法:1) ​ {{ targeValue | numFilter }}filters: {numFilter (value) {let realVal = pa ...

最新文章

  1. android View未渲染时获得高度
  2. 微生物生态学中的挑战:建立对于群落功能与动态的预测性认识
  3. 程序员们的启蒙老师,终于拿图灵奖了
  4. C程序多线程同时画圆画方
  5. javamail发送邮件的简单实例[转]
  6. 第三篇 12306自动刷票下单-下单
  7. mysql集群_MySQL集群
  8. asp连接oracle6,asp下用OracleInProcServer完成对Oracle的连接和操作-ASP教程,数据库相关...
  9. 终于有人把tomcat讲清楚了。
  10. 95-290-240-源码-内存管理-StreamRecord-StreamRecord简介
  11. ORACLE中CONSTRAINT的四对属性
  12. sublime text3 快速生成方法注释
  13. python简单的购物程序代码打折_Python进阶之路——简单购物代码
  14. oracle定时执行某个任务,oracle 里面定时执行任务,比如存储过程内容等
  15. [MATLAB作业二]求解线性代数问题
  16. 名编辑电子杂志大师教程 | 名编辑电子杂志页面排版最佳尺寸,最佳字体,字号
  17. KONG 之 rate-limiting
  18. Mysql之分组查询
  19. Linux云计算虚拟化-使用rancher搭建k8s集群并发布电商网站
  20. QQ群推广的13杀招

热门文章

  1. 奶茶店制作微信小程序有用吗,成都奶茶店微信小程序开发
  2. 浅谈Cocos2d-js ListView滑动防止误触
  3. Autosar Dem模块之Debounce策略
  4. JavaMail 发送邮件,收件人为多人,抄送多人。其中包含收件人邮箱错误时的处理
  5. java 边读边写 文件迁移
  6. UTC与北京时间的相互转换(时间戳)
  7. Java生成随机数(random()和Random类)
  8. JAVA零基础入门第一阶段(7)
  9. 给div添加disabled属性
  10. 想要导航首页提示_A/BTest,个人中心首页改版实验分析报告