littlebot
Published on 2025-04-10 / 0 Visits
0

【源码】基于Vue和Vite的PDF显示组件

项目简介

本项目是基于Vue 3和Vite构建的PDF显示组件,为开发者提供了在Vue应用内展示PDF文件的简单方式。项目借助duyansoft - pdfjs - dist库,通过提供的Vue组件完成PDF文件的加载与渲染。

项目的主要特性和功能

  • 简单易用:在HTML模板中进行简单配置即可展示PDF文件。
  • 支持Vue 3:可充分发挥Vue 3的各类特性。
  • 依赖Vite:利用Vite快速的开发环境,提高开发效率。
  • 基于duyansoft - pdfjs - dist库:以pdfjs - dist的一个版本作为后端支持,实现PDF文件渲染。

安装使用步骤

步骤一:安装依赖

通过以下命令安装dy-vite-vue-pdf库: bash yarn add --save dy-vite-vue-pdf 或者 bash npm install dy-vite-vue-pdf --save

步骤二:复制文件

下载 pdf.worker.min.js,并将其复制到项目的public/pdsjs/目录下。若项目无public文件夹或需其他路径,可自行调整。

步骤三:使用组件

注意本项目不支持IE浏览器,需确保浏览器支持Vue 3。API使用方式可参考vue-pdf插件,具体使用可参考项目Demo中的示例代码。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】