uniapp - webview通信

问题：uniapp需要在webview中打开本地的html文件(用于人机验证)。 当验证完毕后webview需要将结果通知给uniapp的某个页面。uniapp根据结果做对应操作。

1.HTML页面中引入uniapp提供的用于通信的js文件

这里将JS文件存放在 @/static/js 文件夹下了。JS文件下载地址

<script type="text/javascript" src="../../static/js/uniUtil.js"></script>

2.HTML的JS中使用uni对象发送通知

uni.postMessage({
    // 传递的参数
	data:{
		result:1
	}
});

3.在webview上设置监听

<web-view 
	src="/hybrid/html/tencentVerify.html"
	@onPostMessage="postMessageHandle"
	@message="postMessageHandle"></web-view>

postMessageHandle(e){
	let data = e.detail.data[0];
	console.log(data.result);
}