vue2中pdf.js
时间: 2023-10-13 07:04:41 浏览: 113
在Vue2中使用pdf.js可以通过以下步骤实现。首先,根据提供的引用,需要将pdf.js的文件放在项目的static文件夹中的pdf文件夹中。然后,在Vue项目的components文件夹中新建pdf文件夹,并创建pdf-index.vue和pdf-index.js文件。在pdf-index.vue中可以使用页面引入来展示PDF文件,需要注意的是,pdfSrc需要使用encodeURIComponent方法转义。中可以找到pdf.js的下载地址。你可以从该地址下载pdf.js并按照readme中的说明进行配置和使用。的资料,pdf.js是一个备受推荐的插件来实现在Vue项目中展示PDF文件的功能。根据实现者的经验,通过使用gulp将下载的pdf.js和pdf.worker.js生成可用的文件,然后将它们放在合适的位置即可。中的方法进行配置和使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vue中使用PDF.js](https://blog.csdn.net/m0_37296026/article/details/122540457)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法](https://download.csdn.net/download/weixin_38696336/13459531)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文