跨页面传参:
在跳转到目标页面时,可以在`navigateTo`、`redirectTo`、`switchTab`和`reLaunch`等跳转方法的url中携带参数,例如:
wx.navigateTo({ url: 'targetPage?param1=value1¶m2=value2' })
或者使用`encodeURIComponent`对参数进行编码以避免特殊字符造成的问题:
wx.navigateTo({ url: 'targetPage?param=' + encodeURIComponent(JSON.stringify(param)) })
获取参数:
在目标页面的`onLoad`生命周期函数中可以通过`options`参数获取传递的参数,例如:
Page({ onLoad: function (options) { console.log(options.param1) // 输出 value1 console.log(options.param2) // 输出 value2 } })
如果参数较复杂,也可以先将其转换为字符串再传递,在目标页面通过`JSON.parse`解析:
Page({ onLoad: function (options) { var param = JSON.parse(decodeURIComponent(options.param)) console.log(param) } })
通过以上方法,你就可以实现在微信小程序中进行跨页面传参并在跳转后页面获取传递参数了。