微信小程序 跳转传递参数
时间: 2023-07-24 14:35:02 浏览: 122
详解微信小程序 页面跳转 传递参数
要在微信小程序中进行页面跳转并传递参数,可以使用wx.navigateTo或wx.redirectTo方法。这两种方法的区别在于,前者会保留当前页面,后者则会关闭当前页面。在跳转时,可以在url中添加参数。例如:
```
wx.navigateTo({
url: '/pages/detail/detail?id=123'
})
```
在跳转后,可以在目标页面的onLoad函数中通过options参数获取传递的参数。例如:
```
Page({
onLoad: function(options) {
console.log(options.id) // 输出 123
}
})
```
如果需要传递复杂的数据结构,可以使用JSON.stringify和JSON.parse方法进行序列化和反序列化。例如:
```
wx.navigateTo({
url: '/pages/detail/detail?data=' + encodeURIComponent(JSON.stringify({id: 123, name: 'test'}))
})
```
在目标页面中可以这样获取参数:
```
Page({
onLoad: function(options) {
console.log(JSON.parse(decodeURIComponent(options.data))) // 输出 {id: 123, name: 'test'}
}
})
```
阅读全文