小程序跳转到 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
小程序和h5页面之间的互相跳转
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序和h5页面之间的互相跳转
最新评论
独特万商直播系统,直播系统技术开发公司
万商直播系统开发公司
优秀的团队,万商直播管理系统
不错的小程序案例
优秀的团队,不错的服务!
讲的很好
主播长的帅气
好系统好服务