Vue PDF文件预览vue-pdf

最新推荐文章于 2025-07-02 10:38:30 发布

「已注销」

最新推荐文章于 2025-07-02 10:38:30 发布

阅读量2w

点赞数 4

CC 4.0 BY-SA版权

文章标签： javascript git ViewUI

原文链接：http://www.cnblogs.com/steamed-twisted-roll/p/9648255.html

博客分享了解决Vue中使用vue-pdf组件预览PDF时遇到的打印乱码问题。通过修改安装包vue-pdf的pdfjsWrapper.js文件，确保自定义字体能被正确识别，从而实现正常打印。

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

最近做项目,遇到预览PDF这个功能,在网上找了找,大多推荐的是pdf.js,不过在Vue中还是想偷懒直接npm组件,最后找到了一个还不错的Vue-pdf 组件,GitHub地址:https://github.com/FranckFreiburger/vue-pdf#readme

不过一般GitHub上的注释比较简洁,所以这里把自己实际使用的过程总结了一下,下面贴代码

引用: npm install --save vue-pdf

template代码:

<template>
  <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="