vue之pdf分页

最新推荐文章于 2025-06-19 14:45:42 发布

浏览器翻译官~

最新推荐文章于 2025-06-19 14:45:42 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

文章标签： pdf

本文链接：https://blog.youkuaiyun.com/lbPro0412/article/details/85128593

前端vue技术点干货分享同时被 2 个专栏收录

77 篇文章 ¥99.90 ¥299.90

订阅专栏

前端干货分享

69 篇文章 ¥99.90 ¥299.90

订阅专栏

这篇博客介绍了如何利用vue-pdf这个库在Vue.js应用中实现PDF文件的分页显示。作者详细讲解了该库的使用方法，它是对pdf.js的封装，方便在Web应用中集成PDF查看功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官网：https://www.npmjs.com/package/vue-pdf

其实是对pdf.js进行了再次封装

<div class="pdf" v-show="fileType === 'pdf'">
      <p class="arrow">
        <!-- // 上一页 -->
        <span @click="changePdfPage(0)" class="turn" :class="{grey: currentPage==1}">Preview</span>
        {
  
  {currentPage}} / {
  
  {pageCount}}
        <span @click="changePdfPage(1)" class="turn" :class="{grey: currentPage==pageCount}">Next</span>
      </p>
      <!-- // 自己引入就可以使用,这里我的需求是做了分页功能,如果不

了解本专栏