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

1.安装插件

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

2.完整代码

3.代码说明

（1）属性说明

• source：文档来源（支持 string、object、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文件的