1***@163.com
1***@163.com
  • 发布:2020-11-09 11:22
  • 更新:2022-11-11 23:52
  • 阅读:5996

关于H5和uniapp中webview通信(踩坑日记)

分类:uni-app

在uniapp中webview会变成一个iframe,用uni.postMessage传递参数的时候在webview使用@message实际上是接收不到参数的,文档中又说可以使用$emit和$on,我亲测是不行,不排除我可能写错了吧。分享一下我的解决办法:
H5页面依旧是使用uni.postMessage,只是在web-view的页面要使用 window.addEventListener("message", this.receviceMsg);这里this.receviceMsg是@messgae调用的方法名~@message可以不需要啦!!!希望对大家有用~

0 关注 分享

要回复文章请先登录注册

FullStack

FullStack

官方WebView扩展、H5与原生交互双向通信传值、js注入、支持设置plus、vue、nvue里的WebView:[https://ext.dcloud.net.cn/plugin?id=9832](https://ext.dcloud.net.cn/plugin?id=9832)
2022-11-11 23:52
7***@qq.com

7***@qq.com

uniapp小程序不能用吧,我用@messgae接收 只有在后退销毁时能拿到从h5 页面传过来的参数,如何实时获取参数呢?
2021-11-26 10:57
忘记我是谁

忘记我是谁

mark
2021-05-06 18:47
heicaptain

heicaptain

怎么接收参数呢? ,我看到的是data.data.data.arg.xxz这样的
2021-05-06 18:28
1***@163.com

1***@163.com (作者)

回复 1***@qq.com :
uni.postMessage~
2021-04-07 10:12
Qiuh

Qiuh

https://www.jianshu.com/p/e849cdb0e81e webview和uniapp的通信,h5版本可以参考这篇文章,使用window.postmessage进行通信
2021-03-23 16:57
1***@qq.com

1***@qq.com

h5端怎么写
2020-12-26 14:31
1***@qq.com

1***@qq.com

请问返回数据event.detail.data为什么接受不到参数呢
2020-12-23 10:18