进入项目所在根目录，右键打开Git命令行工具，执行 npm 命令安装 pdfjs-dist 依赖包。
启动HBuilderX开发工具，创建一个新的Vue文件，并完成命名后点击确认进行创建。
在新建的Vue文件中，通过import引入pdfjs-dist库，并正确设置其 worker 路径和CMap资源路径。
在 template 结构中添加 div 容器和 iframe 标签，并为它们设置必要的样式与属性以支持PDF展示。
为iframe的src属性绑定动态数据变量，并在script部分对这个变量进行初始化赋值，确保能够加载目标PDF文件。
打开项目的App.vue主文件，导入之前创建的PdfData组件，并在components选项中注册该组件以便使用。
全网最新最细最实用WPS零基础入门到精通全套教程！带你真正掌握WPS办公！ 内含Excel基础操作、函数设计、数据透视表等
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
336
收藏
