vue预览pdf文件

分页版本:

>上一页

>

>{{ currentPage }} / {{ pageCount }}

>

style="cursor: pointer;"

@click="changePdfPage(1)"

class="turn"

>下一页

>

:page="currentPage"

@num-pages="pageCount = $event"

@page-loaded="currentPage = $event"

@loaded="loadPdfHandler"

style="width: 100%;" />

无分页自动加载全部页面

v-for="item in pageCount"

:key="item"

:page="item"

style="width: 100%;" />

fileUrl:文件地址

pageCount:页数

pdf:引用如上一致

pdf.createLoadingTask(fileUrl).promise.then(res => {

pageCount = res.numPages

})

createLoadingTask:pdf插件预加载函数

你可能感兴趣的:(vue.js,pdf,javascript)