1、安装pdfh5插件
npm install pdfh5 --save
2、使用
<template><div id="app"><div id="demo"></div></div></template><script>import Pdfh5 from "pdfh5";export default {name: 'App',data() {return {pdfh5: null};},mounted() {//实例化this.pdfh5 = new Pdfh5("#demo", {pdfurl: "../../static/test.pdf"//这里就是pdf的路径，可以是本地的，也可以是服务器上的（/php_sqlsrv.pdf）});//监听完成事件this.pdfh5.on("complete", function (status, msg, time) {console.log("状态：" + status + "，信息：" + msg + "，耗时：" + time + "毫秒，总页数：" + this.totalNum)})}}</script><style>@import "pdfh5/css/pdfh5.css";*{padding: 0;margin: 0;}html,body,#app {width: 100%;height: 100%;}</style>
注意：如果css引用报错的话，按下面的方式引用
import Pdfh5 from "pdfh5";import "pdfh5/css/pdfh5.css";
友情提示：直接复制代码皆可直接使用，不用看什么pdf.js,直接看pdfh5的官方文档连接
