E企盈营销工具技术服务商 热线:4006-838-530

小程序和h5页面之间的互相跳转

E企盈直播平台营销卖货系统

小程序跳转到 h5 页面小程序代码:wx.navigateTo({url: ‘/pages/webview?url=’ + encodeURIComponent(‘h5页面的 url’)});1、webview.js<web-view src=”{{url}}” bindmessage=”handlePostMessage”></web-view>Page({  data: {    url: ”  },  onLoad: function (options) {    this.setData({      url: decodeURIComponent(options.url),    });  },  // 接收 h5 页面传递过来的参数  handlePostMessage: function (e) {    const data = e.detail;    console.log(data);  }})2、h5 页面代码:<head>    ···  <script type=”text/javascript” src=”https://res.wx.qq.com/open/js/jweixin-1.3.2.js”></script></head>记得把 url 的 host 添加到后台的合法域名中。h5 页面跳回小程序在 h5 页面的任何点击事件中:/* eslint-disable */ wx.miniProgram.getEnv(function (res) {   if (res.miniprogram) {     wx.miniProgram.switchTab({url: ‘/pages/home/home’});     wx.miniProgram.postMessage({data: {id: ‘1234’}}); // 传的参数   } }); /* eslint-enable */请注意,是wx.miniProgram,不是 window.wx.miniProgram

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序和h5页面之间的互相跳转
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏