1.小程序 传值给 H5页面
目前 小程序 传值给 H5页面,暂时只能通过网址参数传值,例如:
在小程序通过改变 web-view 的src 值,改变链接参数,传值给H5页面,以下代码示例,
网址参数不参写中文,因为在 IOS 是无法打开页面的,如果有中文需要 encodeURIComponent 编码下
或者动态改变
js 文件可以通过 this.setData 方法改变值this.setData({
title: "H5",
name:"html5"
});
2. H5页面 传值给 小程序
web-view 提示了一个 bindmessage 方法 ,但不是即时传值的,是在特定事件下才触发这个方法。
当小程序后退、组件销毁、分享,时才触发 bindmessage 方法Page({
onLoad:function(options) {
},
bindmessage:function(options) {
//小程序后退、组件销毁、分享,时才触发 bindmessage 方法
let data= JSON.parse(e.detail.data[0]);
console.log("data:" +data.title);
}
})
然后 H5 页面引入wx.miniProgram.postMessage({data:'{"title":"H5"}' })