pdf预览

pdf预览

首先下载安装pdfh5

npm i pdfh5

在需要用到的组件导包

import pdfh5 from ‘pdfh5’
import ‘pdfh5/css/pdfh5.css’

展示

<div id=”showPDF”></div>

//加载
onMounted(() => {
    // 实例化
    pdfh5.value = new Pdfh5("#showPDF", {
        //   data: pdf1.data,
        pdfurl: "2_生产体系2023年第一期新员工培训活动安排V2.pdf", // 如需使用在线url链接pdf注释上行代码,放开此行, 引号里面填自己的链接
        scale: 5
    });
    // 监听完成事件
    // this.pdfh5.on('complete', function (status, msg, time) {
    //   console.log('状态：' + status + '，信息：' + msg + '，耗时：' + time + '毫秒，总页数：' + this.totalNum)
    // })
});