我所使用的是基于pdf.js封装过的pdfh5.js
一. 先安装依赖
npm install pdfh5
二.局部引入
import Pdfh5 from “pdfh5”;
import “pdfh5/css/pdfh5.css”;
三.模版
<div>
<div @click="visible = false" :class="$style.iconContain">
<span :class="$style.iconClose" class="xiaoicon"></span>
</div>
<div id="preViewPdf"></div>
</div>
四.方法
data() {
return {
pdfh5: ''
}
},
mounted(){
this.openPdf()
},
method:{
openPdf(){
this.pdfh5 = new Pdfh5("#preViewPdf", {
pdfurl: '', // 地址
lazy: true, // 是否懒加载
withCredentials: true,
renderType: "svg",
});
}
}