gwlz/jp-mobile/pages/pdfPreview/pdfPreview.vue

<template>
	<view class="content"><web-view :src="url"></web-view></view>
</template>

<script>
export default {
	data() {
		return {
			// pdf.js的viewer.htm所在路径
			// 注意：静态的html文件需要放在根路径下的 hybrid/html 文件夹中
			viewerUrl: '/static/hybrid/html/web/viewer.html',
			// 要访问的pdf的路径
			fileUrl: 'https://yuleifanhua.oss-cn-shanghai.aliyuncs.com/MES%E5%8F%8AWMS%E4%BA%91%E5%B9%B3%E5%8F%B0%E5%90%88%E5%90%8C.pdf',
			// 最终显示在web-view中的路径
			url: ''
		};
	},
	onLoad(options) {
		
		// h5，使用h5访问的时候记得跨域
		// #ifdef H5
		this.url = `${this.viewerUrl}?file=${encodeURIComponent(options.url)}`;
		// #endif
		
		// 在安卓和ios手机上
		// 判断是手机系统：安卓，使用pdf.js
		// #ifdef APP-PLUS
		if(plus.os.name === 'Android') {
			this.url = `${this.viewerUrl}?file=${encodeURIComponent(options.url)}`;
		}
		// ios，直接访问pdf所在路径
		else {
			this.url = encodeURIComponent(options.url);
		}
		// #endif
	},
	methods: {}
};
</script>

<style>
</style>