uniapp、vue展示pdf文件

首先安装插件

npm install pdfh5

局部引入

 import Pdfh5 from "pdfh5";

html代码

<template>
     <view id="demo"></view>
</template>

 data() {
         return {
             pdfh5: null,
         }
     },

js代码

//确保dom元素已加载成功
this.$nextTick(()=>{
       this.pdfh5 = new Pdfh5("#demo", {
           pdfurl: url,   //请求pdf文件路径 如：http://56:78:48.3:8080/pdf
           renderType:'svg',
           maxZoom:2
       });
       //详细信息
       this.pdfh5.on("complete", function(status, msg, time) {
             console.log("状态：" + status + "，信息：" + msg + "，耗时：" +time + "毫秒，数：" + this.totalNum)
      })
})