当前位置: 首页 > news >正文

vue下载在前端存放的pdf文件

vue下载在前端存放的pdf文件

注意,这里要在public文件夹中新建文件夹存放静态资源,不能在src文件夹中新建文件夹存放静态资源,因为public文件夹中的文件资源不会被npm run build打包编译。大家打包一下,就会发现 模板.pdf文件 是存放在dist/static文件夹中。

在这里插入图片描述

let a = document.createElement("a");
a.href = "/pdf/export.pdf"; 
a.download = "操作手册.pdf"; //设置下载文件文件名,这里加上.pdf指定文件类型,word文件就指定.word即可
a.style.display = "none"; // 障眼法藏起来a标签
document.body.appendChild(a); // 将a标签追加到文档对象中
a.click(); // 模拟点击了a标签,会触发a标签的href的读取,浏览器就会自动下载了
a.remove();
http://www.lryc.cn/news/179365.html

相关文章:

  • 自学WEB后端05-Node.js后端服务链接数据库redis
  • 【计算机网络】 基于TCP的简单通讯(客户端)
  • RabbitMQ配置
  • 火热报名中 | 2天峰会、20+热门议题,AutoESG 2023数智低碳---中国汽车碳管理创新峰会亮点抢先看!
  • 机器学习——seaborn实用画图方法简介
  • leetCode 188.买卖股票的最佳时机 IV 动态规划 + 状态压缩
  • Lua学习笔记:debug.sethook函数
  • 信息化发展74
  • Go-Ldap-Admin | openLDAP 同步钉钉、企业微信、飞书组织架构实践和部分小坑
  • elasticsearch+logstash+kibana整合(ELK的使用)第一课
  • 宝塔 php修改了php.ini配置不生效
  • Unrecognized option ‘stream_loop‘.(版本不匹配,利用make编译安装)
  • 【考研数学】概率论与数理统计 —— 第三章 | 二维随机变量及其分布(2,常见的二维随机变量及二维变量的条件分布和独立性)
  • 力扣 -- 10. 正则表达式匹配
  • Spring源码分析(四) Aop全流程
  • 定义现代化实时数据仓库,SelectDB 全新产品形态全面发布
  • Linux系统编程(七):线程同步
  • Arcgis克里金插值报错:ERROR 999999: 执行函数时出错。 表名无效。 空间参考不存在。 ERROR 010429: GRID IO 中存在错误
  • 【网络协议】ARP协议
  • 安防视频/集中云存储平台EasyCVR(V3.3)部分通道显示离线该如何解决?
  • 软件测试经典面试题:如何进行支付功能的测试?
  • SolidWorks 入门笔记03:生成工程图和一键标注
  • 【Java】对象内存图多个对象同一内存地址
  • Python 笔记05(装饰器的使用)
  • 记忆化搜索,901. 滑雪
  • 计算机网络:连接世界的纽带
  • SpringMVC 学习(三)注解开发
  • 0x84加密数据传输服务
  • Vue.js快速入门:构建现代Web应用
  • Scala第五章节