微信小程序|微信小程序 web-view向小程序传值,跳转到其他小程序

官方文档中提到传参接口 bindmessage,但这个接口接收到参数的时机却只能是在小程序后退,组件销毁及分享的时候才起作用,不能响应点击事件

微信小程序|微信小程序 web-view向小程序传值,跳转到其他小程序
文章图片
image.png 【微信小程序|微信小程序 web-view向小程序传值,跳转到其他小程序】鉴于以上,将webview所在页面设为非一级页面,点击事件调用redirectTo接口,重定位到当前页面,各文件代码实现如下:

前端页面: 关注 //跳转到小程序指定页面 $("#bottom-attention").click(function(){ if (window.__wxjs_environment === 'miniprogram') { wx.miniProgram.navigatback({ url:'/pages/game/web' }) }else{ alert("请在微信浏览器中打开"); } }); $(function(){ wx.miniProgram.getEnv(function (res) { if (res.miniprogram) { var info = { miniprogramId: 'wxe5f52902cf4de996'//参数 }; wx.miniProgram.postMessage({ data: info }); } }); }); 小程序: wxml 给web-view添加方法 getH5Message : js实现方法getH5Message: getH5Message: function (e) { wx.navigateToMiniProgram({ appId: e.detail.data[0].miniprogramId, path: 'page/index/index', extraData: { foo: 'bar' }, envVersion: 'develop', success(res) { console.log("点击了"); } }) }

    推荐阅读