vue3使用pdfh5插件

// 下载引入
npm i pdfh5 -S 或者 npm install pdfh5

需要用到的页面引入
import Pdfh5 from "pdfh5"
import"pdfh5/css/pdfh5.css"
模板
<template>
  <div ref="pdfBox"></div>
</template>
创建实例对象

setup (props, { emit }) {
    // 获取dom
    let pdfBox = ref(null)
    // 传参
    const state = reactive({
      pdfh5: null
    })
    // 挂载
    onMounted(() => {
      if (router.currentRoute.value.query) {
        state.pdfh5 = new Pdfh5(pdfBox.value, { // 此处使用ref获取避免不刷新
          pdfurl: 'http://192.168.4.67:17000/sign/' + router.currentRoute.value.query.url
        });
        //监听完成事件
        state.pdfh5.on("complete", function (status, msg, time) {
          console.log("状态：" + status + "，信息：" + msg + "，耗时：" + time + "毫秒，总页数：" + this.totalNum)
        })
      }
    })
  onUnmounted(() => {
      state.pdfh5 = null
    })
  
}