vue使用vue-pdf

1. 安装

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地址