评论

web-view组件中网页向小程序传输数据案例

web-view组件中相关数据向小程序传输问题已解决。

H5页面示例代码:
<!DOCTYPE html>
<html>
<body>
<div><p>微信公众平台007</p></div>
</body>
<script type=“text/javascript” src=“https://res.wx.qq.com/open/js/jweixin-1.3.2.js”></script>
<script>
wx.miniProgram.postMessage({ data: ‘foo’});
wx.miniProgram.navigateTo({url: ‘/pages/index/index’});
</script>
</html>

小程序示例代码:
<web-view src=“https://wx.xxxxx.com/wxgzpt.html” bindmessage=“gettest”></web-view>
gettestx(e) {
console.log(e.detail);
},

bindmessage在网页向小程序 postMessage 时,会在特定时机(小程序后退、组件销毁、分享)触发并收到消息。

** 如果还有其他问题,请留言!!!
收到后会马上回复!!!**

最后一次编辑于  2021-06-24  
点赞 0
收藏
评论

4 个评论

  • 半岛弥音i
    半岛弥音i
    2022-07-20

    触发不了啊,小程序中也接收不到H5传来的参数

    2022-07-20
    赞同
    回复
  • Chen🐱
    Chen🐱
    2021-11-16

    wx.miniProgram.navigateTo({url: ‘/pages/index/index’}); 请问一下这个页面是webview的页面吗?

    2021-11-16
    赞同
    回复 1
    • 小V书写
      小V书写
      2021-11-25
      这个不是
      2021-11-25
      回复
  • 顽主
    顽主
    2021-09-10

    没有反应,也收不到数据

    必须在网页里通过事件触发的函数内才有效

    2021-09-10
    赞同
    回复
  • 漂泊
    漂泊
    2021-07-30

    有试过PC版上可以用吗

    2021-07-30
    赞同
    回复 1
    • 小V书写
      小V书写
      2021-08-02
      可以用
      2021-08-02
      回复
登录 后发表内容