pdfh5.js实现移动端简单预览

1.安装：npm install pdfh5 --save-dev

2.引入：

import Pdfh5 from "pdfh5"
import "pdfh5/css/pdfh5.css"

3.在data中绑定 pdfh5：null

4.写template

<div class="pdf-container">
   <div id="demo"></div>
</div>

5.实例化：要注意pdf的地址不能跨域，让后端配置一下，或者使用代理

//实例化
this.pdfh5 = new Pdfh5("#demo", {
  pdfurl: data.wjdz //pdf的网络地址
});
//监听完成事件
this.pdfh5.on("complete", function (status, msg, time) {
  console.log("状态：" + status + "，信息：" + msg + "，耗时：" + time + "毫秒，总页数：" + this.totalNum)
})

完成这些操作就可以在移动端预览pdf了