VUE + pdfh5 实现pdf 预览,主要用来uniappH5实现嵌套预览PDF

1. 安装依赖

npm install pdfh5 

2. pdfh5 预览(移动端，h5)

npm install pdfh5 , （会报错，需要其他依赖，不能直接用提示的语句直接npm下载，依旧会报错，npm报错：These dependencies were not found:* canvas in ./node_modules/pdfh5/js/pdf.js* dommatrix/dist/d ）

npm install canvas

 vue2 实例

• vue 文件中 创建div 节点
• js 中配置

• 本人亲测用的方法二,方法一会控制台报错

• Vue3 实例

• import Pdfh5 from "pdfh5";
  import "pdfh5/css/pdfh5.css";
  
  const refPdf = ref(null);
  const LoadPdf = (url) => {
    const pdfh5 = new Pdfh5(refPdf.value, {
      pdfurl: url,
    });
    pdfh5.on("complete", (status, msg, time) => { });
  };
  
  const getDocById = (id) => {
    readPDF(id).then((res) => {
      if (res) {
        LoadPdf(window.URL.createObjectURL(new Blob([res])));
      }
    });
  }