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

[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.xdnf.cn/news/14783.html

相关文章:

  • 亚矩云手机赋能Vinted矩阵运营:破解二手电商多账号与本地化困局
  • 前端面试记录
  • 代码随想录|单调栈|04接雨水
  • SpringBoot中使用表单数据有效性检验
  • UE5 闪烁的光斑
  • Lamp和友点CMS一键部署脚本(Rocky linux)
  • 75、单元测试-嵌套测试
  • 揭开 Git 裸仓库的神秘面纱:`git clone --mirror` 详解与使用指南
  • Windows电脑数据恢复终极指南:从原理到实战
  • 《去哪儿网Redis高并发实战:从问题定位到架构升级》
  • redis如何使用IO多路复用
  • 黑马python(十三)
  • Windows11 无法发现局域网内设备解决方法
  • SQL Server基础语句4:数据定义
  • 【C++开发】CMake构建工具
  • VBA基础之对象
  • CentOS 7.9 系统安装 Percona XtraBackup(含 xtrabackup 和 innobackupex 工具)的详细步骤
  • 深入剖析Flink内存管理:架构、调优与实战指南
  • 如何仅用AI开发完整的小程序<4>—小程序页面创建与删除
  • Kafka动态配置深度解析
  • Azure Devops
  • JMeter API 并发性能测试计划JMX文件解析
  • Elasticsearch、Faiss、Milvus在向量索引实现上的核心差
  • Redis 8.0向量库 vs 传统向量数据库:大模型知识库开发选型全指南
  • 华为公布《鸿蒙编程语言白皮书》V1.0 版:解读适用场景
  • HarmonyOS NEXT端侧工程调用云侧能力实现业务功能
  • 跨个体预训练与轻量化Transformer在手势识别中的应用:Bioformer
  • 什么是跨域问题?后端如何解决跨域问题?
  • rent8_wechat-最常用出租屋管理系统-微信小程序
  • 计算机网络第九章——数据链路层《流量控制和可靠传输》