在项目初期，使用了Vue-pdf插件，在较小的pdf时正常工作，但一旦是50页以上的大文件，这个插件就频繁报错。

看官方文档，应该是插件的bug -issue202导致，并看到issue下推荐使用其它Pdf插件替换vue-pdf，我看了一下，决定选用cafe-pdf该插件的npm地址为：

https://www.npmjs.com/package/cafe-pdf

按照其要求的步骤进行安装后，报错：

在github上找到该项目，然后跟作者沟通了一下，Pdfjsworker封装做了一下调整，发布了一个新的npm：

https://www.npmjs.com/package/custom-cafe-pdf

重新安装后正常运行，原插件带有旋转、翻页、跳转、打印等功能，因为项目实际需要做了调整，总体调整完成后，效果图如下：

代码实现比较简单，主要是2部分：

引入插件

插件引入分为全局引入和局部引入两种方式，视自己的实际情况拟定，我采用的是局部引入：

插件定制

原版插件带了一个header和一个footer的插槽，header里定义了一个文件源，footer里是控制按钮，如旋转、翻页等，我们可以对立面的功能进行裁剪，我这里做的变化是去掉了原header，将footer的菜单作为功能菜单放到header上。

样式定制

原版插件样式比较简陋，做了一下统一处理，注意这里原版插件对内容显示、分页等做了组件化处理，如需更改样式，需要引入css到全局样式表中，我更改了去除滚动条、背景、边距等设置。

插件的基本功能大致介绍到这里，感觉总体效果还不错，大家可以尝试一下，如有问题可以随时跟我交流。