vue-pdf 插件 不翻页 滚动效果
<pdfv-for="i in numPages":key="i":page="i":src="pdfUrl" style="width: 100%; height: auto;" @num-pages="pageCount=$event"...
·
<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,
pdfUrl:'',
src: '', // pdf文件地址
numPages:0,
}
},
mounted(){
this.loadPdfHandler()
},
methods: {
async loadPdfHandler () {
//src为你服务器上存放pdf的路径
this.pdfUrl = pdf.createLoadingTask(this.src);
this.pdfUrl.then(pdf => {
this.numPages = pdf.numPages
})
},
},
更多推荐
已为社区贡献10条内容
所有评论(0)