// 下载引入npm i pdfh5 -S 或者 npm install pdfh5 需要用到的页面引入importPdfh5from"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=newPdfh5(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 }) }