Vue PDF文件预览vue-pdf

   最近做项目,遇到预览PDF这个功能,在网上找了找,大多推荐的是pdf.js,不过在Vue中还是想偷懒直接npm组件,最后找到了一个还不错的Vue-pdf 组件,GitHub地址:https://github.com/FranckFreiburger/vue-pdf#readme
不过一般GitHub上的注释比较简洁,所以这里把自己实际使用的过程总结了一下,下面贴代码
 
引用: npm install --save vue-pdf
 
template代码:
js代码:

实际效果

Vue PDF文件预览vue-pdf_第1张图片

 

问题补充:  文件打印乱码问题解决方法

之前有人问了关于PDF打印乱码问题,我自己试了确实有这个问题,在官网找了一下,有人提交了代码解决了这个问题,现在我把方法附上

原始的打印页面,PDF格式乱码,主要是因为PDF里使用了自定义字体,不能识别

Vue PDF文件预览vue-pdf_第2张图片

 

需要修改vue-pdf安装包的pdfjsWrapper.js文件

Vue PDF文件预览vue-pdf_第3张图片

上面后缀为1的文件是原始的,红线框起来的是我修改之后的文件

替换之后,打印就能正常显示了,

 

Vue PDF文件预览vue-pdf_第4张图片

 

博客园貌似不能上传文件,代码太多就不放上来了,如果有需要可以找我邮箱发你,或者到官网自己修改文件

git-hup地址:https://github.com/FranckFreiburger/vue-pdf/pull/130/commits/253f6186ff0676abf9277786087dda8d95dd8ea7,

Vue PDF文件预览vue-pdf_第5张图片

 

 

转载于:https://www.cnblogs.com/steamed-twisted-roll/p/9648255.html

你可能感兴趣的:(javascript,git)