小程序特有页面间传参方式
2019-10-11 本文已影响0人
革易
小程序有自己专用的路由方法,在基础库 2.7.3 之后,小程序专门实现了自己特有的页面传参方式,wx.navigateTo()中的success属性,当然,现在这个方法只支持wx.navigateTo()使用
相关文档链接:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html
使用示例如下
页面A
wx.navigateTo({
url: 'pages/pageB',
success: function(res) {
// 通过eventChannel向被打开页面传送数据
res.eventChannel.emit('goPageB', { pageDataA: '页面A传递到页面B的数据' })
}
})
页面B
onLoad: function(){
const eventChannel = this.getOpenerEventChannel()
// 监听goPageB事件,获取上一页面通过eventChannel传送到当前页面的数据
eventChannel.on('goPageB', function(data) {
console.log('页面A传递的数据:',data)
})
}
这种小程序特有的传参方式相比拼接url传参虽然过程稍微麻烦一些,但是不需要对参数进行相关的转换,也不用对一些特殊字符串进行处理