程序员经验分享-hwhale

vue实现导出excel的两种方式

2023-10-29

需求说明

通过vue实现导出有两种方式：
（1）后端返回的是一个地址，直接拼接打开下载就行
（2）后端返回的是文件流的形式，这个时候就需要在请求头还有返回值的地方设置一下

一、后端返回的是地址

// 页面代码
<el-button
       type="primary"
       size="mini"
       class="filter-item"
       icon="el-icon-download"
       style="margin: 12px 20px 0 0; float: right"
       @click="onExportClick"
       >
       导出
</el-button>

 onExportClick() {
   //导出方法
     exportDevices(this.listQuery) //导出接口
      .then(result => {
   
         const url = result.data
         window.open(
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vuejs

javascript

前端

vue实现导出excel的两种方式 的相关文章

  • 使用 HTML5 FileSystem API 将文件写入桌面

    我正在玩一下文件系统API http www html5rocks com en tutorials file filesystem 我发现了很多生成下载链接并让用户以 浏览器方式 下载文件的示例 我想知道两件事 有没有办法将fiddle中

  • 使用最新 Ember Data 版本中的 RESTSerializer 格式化 JSON

    我正在努力将我的 JSON munge 成正确的格式 为了说明这一点 我做了一个快速的 JSfiddle http jsfiddle net chrismasters NQKvy 638 http jsfiddle net chrismas

  • 从数组数组中获取唯一值[重复]

    这个问题在这里已经有答案了 我有以下数组 let arr email protected cdn cgi l email protection email protected cdn cgi l email protection email

  • 从 Angular 6 服务中绑定图像

    我有一个端点 它根据某些参数为我提供图像 这不是一个图像网址 而是一个普通图像 因此 当我到达邮递员中的端点时 作为响应 我收到一张图像 JPG 我是否可以在变量中接收该图像并将其绑定到 HTML 标签中 所有问题都有将图像 url 映射到

  • Vue js按钮冻结dom

    我试图在按下按钮时切换包含加载动画的跨度 直到使用 v if 函数完成 但是当我按下按钮时 DOM 冻结并且 span 元素保持不变 直到函数调用结束 如何让 DOM 不冻结并显示加载图标 非阻塞按钮按下可能是一个解决方案 HTML

  • 将字符串转换为变量名。 （JavaScript）

    我确实查看了前面的问题 但它们是针对整数值的 我需要文本值的答案 我在本周早些时候问了一个与此相关的问题 但现在是这样 如下所示 我使 Make x 等于某个字符串值 Acura Honda Toyota 当我将 Make x 传递到函数

  • 将参数传递给 jquery 单击事件中的回调函数[重复]

    这个问题在这里已经有答案了 直接进入正题 我有一个 jquery 事件监听器 如下所示 number click printNumber 和一个回调函数 function printNumber number console log num

  • IE8 中的 Javascript 消息超出堆栈空间

    我正在使用 Breeze 1 4 1 Internet Explorer 8 和 ASP NET MVC 4 Web API 我在查询时收到以下消息 查询失败 localhost port breeze Data Metadata 元数据导

  • 赋予 d3 序数轴标签与尺度名称不同

    我有一个序数scale具有不同值的某些标签 我想显示该比例的轴 其中轴标签与比例标签不同 我有这个代码 var width 1000 var height 600 var margins left 100 40 right 25 botto

  • AttachEvent 或 addEventListener - 存储在哪里？

    在 jQuery 中 如果我这样做 a click function Do something 点击事件存储在 a data events 我可以像这样获取它 jQuery each a data events function i eve

  • React.js this.props.data.map() 不是一个函数

    我正在搞乱反应并尝试解析和渲染 json 对象 现在 我只是使用硬编码对象设置它以进行测试 而不是从 ajax 调用中获取它

  • jQuery UI 对话框使用 setTimeout 自动关闭

    我试图让对话框在打开后三秒自动关闭 我尝试过以下方法 setTimeout mydialog dialog close 3000 这是在上下文中 acknowledged dialog dialog height 140 modal tru

  • Javascript 根据字段值任意排序数组

    所以我有一个对象数组 如下所示 var myArray priority low priority critical priority high 我需要以这种方式排序 1 关键 2 高和3 低 如何才能做到这一点 我建议使用一个对象来存储排

  • 如何防止在达到一定字符数后向文本区域输入内容？

    使用下面的代码 任何超过指定最大值的输入都将被删除 但这会产生一种效果 即键入字符后立即将其删除 我宁愿简单地阻止输入字符

  • 如何在Vuejs中动态管理页面标题？

    我构建一个应用程序 我有一个带有页面标题的标题 目前 我使用视图路由器来定义我的标题 path events name events component Events meta title Liste des v nements 在我的刀片

  • Jest - 语法错误：无法在模块外部使用 import 语句

    我在用jest 24 9 0无需任何配置 从 create react app 全局安装 在这些文件中我使用 es6 模块 使用时没有报错 test react scripts test 但是当我开始使用时jest with test je

  • 是否可以从 webpack 中的文件名中删除特殊字符？

    长话短说 我的资产文件名中不能包含某些字符 例如连字符 我没有运气通过解析 webpack 文档来弄清楚是否可以使用正则表达式或类似的东西重命名文件 这样我就可以从我无法控制源文件名的 3rd 方包中删除任何连字符 我的超级天真的例子是这样

  • Javascript 替换为正则表达式无法正常工作

    我正在尝试使用正则表达式验证名称 正则表达式阻止用户连续输入 2 个空格或点 这是我的代码 function test input var regex A Za z 0 1 s 0 1 input value input value rep

  • JavaScript 比较中应使用哪个等于运算符（== 与 ===）？

    这个问题的答案是社区努力 help privileges edit community wiki 编辑现有答案以改进这篇文章 目前不接受新的答案或互动 我在用着JSLint http en wikipedia org wiki JSLint

  • 谷歌地图绘制两点之间的路线

    我编写了这段无辜的 JavaScript 代码 它允许用户创建两个标记并绘制它们之间的路线 它不起作用 相反 它给出了一个奇怪的错误 Uncaught TypeError Cannot read property ya of undefin

随机推荐

  • 在Windows平台上搭建Docker开发环境

    本文介绍的是如何在Windows系统上安装Docker运行环境 Docker官方提供了Windows平台上的安装包 这个安装包会打开Windows平台上的HyperV虚拟机 所以如果不喜欢使用HyperV虚拟机或者有需要使用其他虚拟机软件的

  • MySQL抑制binlog日志中的BINLOG部分

    MySQL通过binlog来记录整个数据的变更过程 因此我们只要有MySQL的binlog日志即可完整的还原数据库 MySQL binlog日志记录有3种不同的方式 即 STATEMENT MIXED ROW 对于不同的日志模式 生成的bi

  • python--pandas数据聚合和分组运算

    groupby机制 1 通过列进行分组 访问列1 并根据列2和列3调用groupby 生成的是对象 s df 列1 groupby df 列2 df 列3 求和 sums s sum sums unstack 或者 df groupby k

  • 数据库——sql数据查询

    sql数据查询 单表查询 多表查询 联合查询UNION 连接查询 嵌套查询 子查询 复制表 判断查询 单表查询 查询全部数据 select from 表名 查询部分字段 select 字段1 字段2 from 表名 简单的条件查询 sele

  • Docker无法连接到docker守护程序

    本文翻译自 Docker can t connect to docker daemon After I update my Docker version to 0 8 0 I get an error message while enter

  • redux使用教程一 ——实现计数器

    文章目录 安装 概念介绍 action 和 action创建函数 reducer Store 计数器示例 安装 安装稳定版redux cnpm install save redux 安装redux绑定库和开发者工具 cnpm install

  • ofbiz Couldn't create server socket(/127.0.0.1:10523)

    start运行时报这个错误的话 只需把 framework webapp config url properties中的 这两个端口号改一下就可以了 需要改的地方已经标红 HTTPS Port Secure port port https

  • STM32的ADC介绍

    STM32的ADC精度是12位 它有18个通道 可以测量16路外部和2个内部信号源 各通道的A D转换可以单次 连续 扫描或间断模式执行 ADC的结果可以左对齐或右对齐方式存储在16位数据寄存器中 主要特征 12 位分辨率 转换结束 注入转

  • CGAL 读写.xyz格式的点云 编程

    CGAL 读写 xyz格式的点云 编程 在计算机图形学和计算几何中 点云是一个由大量离散点组成的数据集合 用于表示物体的表面或者场景的几何结构 点云数据可以通过不同的文件格式进行存储和交换 其中 xyz 格式是一种简单且常用的表示点云的文件

  • ctfshow简单题web1-15

    ctfshow萌新 目录 ctfshow萌新 web1 web2 4 web5 7 web9 web10 web11 web12 web13 web14 15 总结 这几题主要都是正则匹配字符过滤的绕过 基本步骤都是源码中查看过滤规则 gt

  • docker中运行redis主从机连接出现master_link_status:down的解决问题（含坑）

    使用命令配置主从复制出现主从机无法连接 在使用命令 slaveof host port 或者是 replicaof host port 命令配置redis主从复制时 从机出现master link status down提示 显示主机是do

  • 使用Yolov5 模型，训练自己的数据集这里以目标检测BDD数据集为例，跑出检测结果

    yolov5模型下载地址 GitHub ultralytics yolov5 YOLOv5 in PyTorch gt ONNX gt CoreML gt TFLite 下载完需要配置环境 yolov5的环境所需的包基本都收录在requir

  • 双链表-纯C语言（代码以及详细解释）

    目录 简介 使用 C 代码实现 可供CV大师参考 代码详细介绍及讲解 知识点密集 可能错误 大佬们评论区指点 doge保命 1 动态申请一个节点 2 打印 遍历链表 3 尾插数据 4 头插数据 5 头删数据 6 尾删数据 7 查找数组 返回

  • 初步理解Spring Security并实践

    Spring Security主要做两件事 一件是认证 一件是授权 1 Spring Security初体验 Spring Security如何使用 先在你的项目pom xml文件中声明依赖

  • 刷脸支付市场有没信心可以放心顾虑

    刷脸支付设备供不应求这一状态 本身就很能反映一个问题 刷脸支付市场很大 需求量很高 对刷脸支付市场没信心全部可以放心顾虑 刷脸支付即将迎来全面爆发 刷脸支付代理商抓住时机 刷脸支付即将迎来全面爆发阶段 想做刷脸支付代理商的朋友抓住时机 今年

  • 国家信息安全水平考试NISP一级模拟题

    1 下列关于用户口令说法错误的是 A 口令不能设置为空 B 口令长度越长 安全性越高 C 复杂口令安全性足够高 不需要定期修改 D 口令认证是最常见的认证机制 正确答案 C 2 下列关于木马病毒的特性 不正确的是 A 隐蔽性 B 主动传播性

  • 基于阿里云天池的飞猪平台用户行为分析——MySQL

    前言 本文是基于阿里云天池的飞猪平台用户行为分析 使用MySQL和Excel做数据分析 对输出结果使用Excel和PowerBI进行数据可视化 一 数据分析步骤 明确问题 理解数据 数据清洗 数据分析 数据可视化 二 明确问题 1 数据来源

  • 2019 CSS经典面试题（史上最全，持续更新中...）

    这些是我自己在学习过程中总结的一些知识点 本篇文章我将以面试题的形式分享给大家 希望对大家有所帮助 本文篇幅较长 您若认真看完 并且反复阅读 我相信对您的学习或者是面试 都会有一定帮助 同时希望大家批评指正 1 介绍一下标准的CSS的盒子模

  • Hadoop从零开始教程第一篇（在linux上安装hadoop集群centos7+hadopp3.2）

    Hadoop简介 Hadoop是Apache旗下的一套开源分布式计算平台 应用范围 利用服务器集群 根据用户的自定义业务逻辑 对海量数据进行分布式处理 核心组件 HDFS 分布式文件系统 高容错性 高伸缩性等允许用户将Hadoop部署在低廉

  • vue实现导出excel的两种方式

    需求说明 通过vue实现导出有两种方式 1 后端返回的是一个地址 直接拼接打开下载就行 2 后端返回的是文件流的形式 这个时候就需要在请求头还有返回值的地方设置一下 一 后端返回的是地址 页面代码

热门标签