可以先看一下官網(wǎng)鏈接web-view

這里可以看到web-view組件默認(rèn)鋪滿全屏，這里新建了一個頁面，只用于存放web-view，用于展示外部鏈接。

1.新建頁面showhfive作為web-view跳轉(zhuǎn)頁面的承載

2.跳轉(zhuǎn)H5需要個觸發(fā)的點(diǎn)擊事件，通過點(diǎn)擊跳轉(zhuǎn)

<template>
	<view>
		<button class="submit-btn" @click="toExecute">執(zhí)行</button>
	</view>
</template>

<script>
export default {
	data() {
		return {
			url: ''
		};
	},
	methods: {
		toExecute(){
			uni.navigateTo({
			  url: '/pages/showhfive/showhfive?url='+ this.url
			})
		}
	}
}
</script>

3.showhfive.vue頁面的內(nèi)容

<template>
	<web-view :src="url" bindmessage="getMessage"></web-view>
</template>

<script>
	export default {
		data() {
			return {
				url: ''
			}
		},
		onLoad(options) {
			this.url = options.url;
		}
	}
</script>

<style>

</style>

實(shí)現(xiàn)完成后即可跳轉(zhuǎn)。

現(xiàn)在這個只是添加了跳轉(zhuǎn)，后續(xù)有其他問題，即時更新！