<pdf
v-for=“i in numPages”
:key=“i”
:page=“i”
:src=“pdfUrl” style=“width: 100%; height: auto;” @num-pages=“pageCount=$event”>
</pdf>
data() {
return {
pageCount:0,
src:’’,//文件路径
numPages:0,
}
},
mounted(){
this.loadPdfHandler()
},
methods: {
async loadPdfHandler () {
//src为你服务器上存放pdf的路径
this.src= pdf.createLoadingTask(this.src);
//这里必须为XX(这里为pdf路径).promise.then
this.src.promise.then(pdf => {
this.numPages = pdf.numPages
})
},
},
//因为在使用中出现了问题 ,所以查找下 进行了修改
版权声明:本文为CSDN博主「闲人有点忙」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_39598092/article/details/101053539