当前位置: 首页 > 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`;}
}

在这里插入图片描述

http://www.lqws.cn/news/493093.html

相关文章:

  • Python异步爬虫编程技巧:从入门到高级实战指南
  • 从本地到云端:通过ToolJet和cpolar构建远程开发环境实践过程
  • ​​FFmpeg命令全解析:三步完成视频合并、精准裁剪​​、英伟达显卡加速
  • systemd[1]: Failed to start LSB: Bring up/down networking
  • 在大数据求职面试中如何回答分布式协调与数据挖掘问题
  • 开疆智能CCLinkIE转ModbusTCP网关连接 BORUNTE伯朗特机器人案例
  • 百度AIP:Springboot人脸对比
  • 用安卓手机,怎样远程管理孩子iPhone屏幕使用时间?
  • LNMP 一键部署脚本 shell脚本
  • R语言入门课| 05 一文掌握R语言常见数据类型
  • 面试150 分发糖果
  • 【设计模式精讲 Day 12】代理模式(Proxy Pattern)
  • idea 报错:java: 非法字符: ‘\ufeff‘
  • ISO 26262-11 半导体功能安全学习(二)
  • Meta-华盛顿大学-CMU联合研究多感官触觉表征在机器人操作中的新范式
  • 启用AWS VPC流日志保存到CloudWatch日志组
  • 设计模式精讲 Day 11:享元模式(Flyweight Pattern)
  • WPF中MVVM和MVVMLight模式
  • 单片机——浮点数转换4位数码管显示
  • Java面试复习指南:基础、并发、JVM与Spring框架
  • Nginx:互斥锁 accept_mutex配置
  • APO:自动化技术提升大语言模型在各类任务中的表现
  • 世赛背景下,高职物联网应用开发赛项实训解决方案
  • 《人性的优点》:破解忧虑密码,构建积极人生
  • 后台发热、掉电严重?iOS 应用性能问题实战分析全过程
  • RS485
  • Electron桌面程序初体验
  • OptiStruct功率流分析:功率分析理论基础
  • 哈希题解——有效的字母异位词【LeetCode】
  • HTTP协议(Linux进阶第一章)