uniapp内嵌的webview H5与应用通信

H5端：

1、找到index.html引入依赖

<script type="text/javascript" src="https://unpkg.com/@dcloudio/uni-webview-js@0.0.3/index.js"></script>

2、在需要通讯处发送消息

uni.postMessage({data:{code:200,msg:"处理完成"}
})

uniapp端：

使用@message="handlerMessage"

<web-view @message="handlerMessage" :fullscreen="false":src="data.type===1?`${BASE_URL}#/tiopc?id=${data.id}&class_id=${class_id}`:data.url"></web-view>

回调的event里有所需信息

function handlerMessage(event) {console.log("接收到信息");let {code,msg} = event.detail.data[0]if(code !== 200){uni.showToast({title:msg,icon:"error"})return}setTimeout(() => {uni.navigateBack()}, 1500)}