微信小程序|微信小程序 web-view向小程序传值,跳转到其他小程序
官方文档中提到传参接口 bindmessage,但这个接口接收到参数的时机却只能是在小程序后退,组件销毁及分享的时候才起作用,不能响应点击事件
文章图片
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("点击了");
}
})
}
推荐阅读
- 一个小故事,我的思考。
- 家乡的那条小河
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- 昨夜小楼听风
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 2019.4.18感恩日记
- 那件我们忽略的小事叫感恩
- 你有婚内虐待行为吗()