用uniapp写的h5 如何跟Uniapp写的app 两个如何通讯？
w***@msnong.cn
- 发布：2020-07-07 23:09
- 更新：2020-09-03 14:57
- 阅读：1946
一枚无解的男子 - 总之就是很无解
1.在h5项目的main.js中引入uni.webview.js
//引入uni.webview 使用相关api
require("@/common/js/uni/uni.webview.js")
- 在h5项目中编写触发通信的方法
touchPie() {
//与app端通信
uni.webView.postMessage({
data:{
message:111
}
})
}
3.在app项目中接收 我这里是nvue 监听的是onPostMessage
<web-view ref="web" :src="app.$config.baseUrl + 'app/h5/index.html#/'" :webview-styles="webviewStyles" :style="{ height:${swiperHeight}px}" @onPostMessage="getMessage"></web-view>
getMessage(e){
//接收webview发送的信息
console.log(e);
}
w***@msnong.cn (作者)
我试过了 我用uni.webView.navigateBack() 才能推出页面 uni.navigateBack()不行呢
2020-07-08 10:48
1***@163.com
回复 w***@msnong.cn: 不过很坑，他的那个postMessage不知道什么时候触发，我现在都是在跳转的路由里传参通信
2020-07-08 13:25
晓寒1987
回复 w***@msnong.cn: 按文档来的吗，要引入文件并且在document.addEventListener('UniAppJSBridgeReady')之后执行吧
2020-07-16 10:46