vuue-pdf 在手机微信端显示多页pdf-526互联

0. 官网很明确有示例,照抄即可, 可惜,我在csdn浪费了太多时间.走了很多弯路

1. https://www.npmjs.com/package/vue-pdf 官网地址,看示例,照抄即可

<template>
	<div>
		<pdf
			v-for="i in numPages"
			:key="i"
			:src="src"
			:page="i"
			style="display: inline-block; width: 25%"
		></pdf>
	</div>
</template>

<script>

import pdf from 'vue-pdf'

var loadingTask = pdf.createLoadingTask('https://cdn.mozilla.net/pdfjs/tracemonkey.pdf');

export default {
	components: {
		pdf
	},
	data() {
		return {
			src: loadingTask,
			numPages: undefined,
		}
	},
	mounted() {

		this.src.promise.then(pdf => {

			this.numPages = pdf.numPages;
		});
	}
}

</script>

4. 远离csdn,搜索请加 xxxx -csdn　　