vue3中vue-pdf-embed实现放大、缩小、上一页、下一页、滚动翻页功能（pdf文件预览）

1.安装插件

npm install vue3-pdfjs
npm install vue-pdf-embed

2.完整代码

3.代码说明

（1）属性说明

• source：文档来源（支持string、ob服务器托管网ject、Uint8Array类型数据），一般是文档流（我这是后端返回的文档流）
• page：要显示的页数（如果未指定，则显示所有页）
• textLayer：是否应启用文本图层（用于文本选中、复制）

（2）css样式不重要，只要根据自己需求来布局就行了

（3）翻页、缩放这些功能都是基本js方法，重点在于source和page这两个属性

（4）我这里:source=”state.source”文件来源是从父组件传递过来的文档流，在父组件中从后端获取的

4.总结

简单来说，只要安装好了这两个插件，做好source和page这两个属性就可以预览pdf文档了，其他功能都是基本js方法。vue3-pdfjs这个插件是用于获取pdf文件总页数，vue-pdf-embed插件才是用于预览pdf文件的

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: 深度解析DevOps架构

深度解析DevOps架构 引言 DevOps（Development和Operations的合并）是一种旨在加速软件开发和部署的方法论。它强调开发团队和运维团队之间的紧密协作，通过自动化流程、监控和反馈机制，实现持续交付和持续改进。在本文中，我们将深度解析De…