小程序多参数页面间传递
时间: 2023-09-16 16:15:52 浏览: 41
小程序多参数页面间传递可以通过以下步骤实现:
1. 在源页面中定义需要传递的参数,例如:
```
Page({
data: {
name: 'Tom',
age: 18
},
// ...
})
```
2. 在源页面中调用 `wx.navigateTo` 方法跳转到目标页面,并携带参数,例如:
```
wx.navigateTo({
url: '/pages/target/target?name=' + this.data.name + '&age=' + this.data.age
})
```
3. 在目标页面中通过 `onLoad` 方法获取传递的参数,例如:
```
Page({
onLoad: function (options) {
console.log(options.name) // Tom
console.log(options.age) // 18
},
// ...
})
```
注意:如果需要传递的参数较多,可以考虑将参数封装成一个对象,然后传递对象。例如:
```
var params = {
name: 'Tom',
age: 18,
gender: 'male'
}
wx.navigateTo({
url: '/pages/target/target?params=' + JSON.stringify(params)
})
Page({
onLoad: function (options) {
var params = JSON.parse(options.params)
console.log(params.name) // Tom
console.log(params.age) // 18
console.log(params.gender) // male
},
// ...
})
```