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

[HTML]iframe显示pdf,隐藏左侧分页

[HTML]iframe显示pdf,隐藏左侧分页

在iframe中显示PDF时实现默认全屏并隐藏左侧分页

<script>
export default {data() {return {originalUrl: 'your-pdf-file.pdf'}},computed: {pdfUrl() {// 添加PDF.js参数const params = new URLSearchParams({// 隐藏侧边栏'navpanes': '0',// 默认适应页面宽度'zoom': 'page-width',// 隐藏工具栏'toolbar': '0',// 隐藏状态栏'statusbar': '0',// 隐藏消息栏'messages': '0',// 隐藏滚动条'scrollbar': '0',// 设置视图模式'view': 'FitH'});return `${this.originalUrl}#${params.toString()}`;}}
}
</script>
// 更简洁的写法
computed: {pdfUrl() {return `${this.originalUrl}#navpanes=0&toolbar=0&zoom=page-width`;}
}

在这里插入图片描述

相关文章:

  • 线程池 JMM 内存模型
  • 【题解-Acwing】1022. 宠物小精灵之收服
  • docker镜像中集成act工具
  • 非对称加密实战:Python实现数字签名
  • 【AI论文】扩展大型语言模型(LLM)智能体在测试时的计算量
  • Java+Vue开发的SRM招标采购管理系统,实现招标采购全流程数字化、规范化高效管理
  • MySQL与Excel比较
  • 协议转换赋能光伏制造:DeviceNET转PROFINET网关的通信质检实践
  • 2d-gaussian-splatting:论文分析、全流程环境配置与数据集测试【2025最新版!!!】
  • AntDesignPro动态路由配置全攻略
  • AES算法的Verilog流水线实现(带测试)
  • 【机器人-深度估计】双目深度估计原理解析
  • 汽车制造领域:EtherCAT转Profinet网关案例全面解析
  • Redis精简总结|一主二从哨兵模式(工作机制)|集群模式|缓存的穿透雪崩击穿
  • day040-搭建lnmp服务与数据库迁移
  • C#串口通讯实战指南
  • JavaScript操作DOM对象
  • solidity+Remix本地化部署和安装教程
  • MATLAB GUI界面设计 第三章——仪器组件
  • ISO 26262-11 半导体功能安全学习(二)