zhapp/components/PdfViewer/PdfViewer.nvue

<template>
	<view class="">
		<web-view ref="webviewRef" :src="allUrl"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				allUrl: '',
				viewerUrl: '/static/pdfh5/pdf.html', // 刚解压的文件地址，用来渲染PDF的html
			}
		},
		props: {
			pdfUrl: {
				type: String,
				default: 'https://sxzgkj.baoxianzhanggui.com/web-api/upload/file/2025/03/21/c9396840fb34be4a2775435357bd49e8.pdf'
			}
		},
		created() {
			this.allUrl = `${this.viewerUrl}?pdfUrl=${encodeURIComponent(this.pdfUrl)}`;
		},
		onBackPress(e) { // 响应返回事件
			if (e.from === 'navigateBack') { // 这个地方必须要有的，否则会死循环
				return false;
			}
			let pages = getCurrentPages()
			let page = pages[pages.length - 1];
			let currentPages = page.$getAppWebview()
			currentPages.close()
			uni.navigateBack({
				delta: 1
			})
			return true;
		},
		methods: {

		},
	}
</script>

<style>

</style>