- 安装
npm install --save vue-pdf
2.引入
import pdf from 'vue-pdf'
export default {
components: {
pdf
}
}
3.创建html
<div>
<pdf
v-for="i in numPages"
:key="i"
:src="src"
:page="i"
style="display: inline-block; width: 25%"
></pdf>
</div>
4.相关js
data() {
return {
src: loadingTask,
numPages: undefined,
}
},
mounted() {
this.src.then(pdf => {
this.numPages = pdf.numPages;
});
}
里面有pdf的分页加载和一次性加载的demo:vure-pdf地址