vue在线浏览pdf,计算pdf页码总数,vue-pdf
安装
npm install --save vue-pdf
使用
组件中加入
<div>
<pdf
ref="pdf"
:src="url"
:page="1"
>
</pdf>
</div>
script
import pdf from 'vue-pdf'
export default {
components: {
pdf,
},
data() {
return {
url: 'https://intelligent.aliyuncs.com/图解HTTP+彩色版.pdf',
numPages: 1
}
},
methods: {
# 计算pdf页码总数
getNumPages() {
let loadingTask = pdf.createLoadingTask(this.url)
loadingTask.promise.then(pdf => {
this.numPages= pdf.numPages
}).catch(err => {
console.error('pdf 加载失败', err);
})
},
}
}
效果
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/c76af23e3705f5e01b1383ed313dd136.png)