微信小程序跳转携带数据
时间: 2023-06-27 16:05:46 浏览: 112
微信小程序 跳转传递数据的实例
微信小程序可以通过跳转页面时携带参数的方式传递数据。具体步骤如下:
1. 在源页面中使用 `wx.navigateTo` 方法跳转到目标页面,并在 `url` 参数中传递需要携带的数据,例如:
```
wx.navigateTo({
url: '/pages/target/target?id=123&name=test',
})
```
2. 在目标页面中通过 `onLoad` 生命周期方法获取传递的数据,例如:
```
onLoad: function(options) {
console.log(options.id) // 输出:123
console.log(options.name) // 输出:test
},
```
在目标页面的 `options` 参数中可以获取到传递的数据,可以通过 `options` 对象的属性名来获取对应的属性值。
注意:在目标页面中使用 `wx.redirectTo` 和 `wx.reLaunch` 方法时也可以通过 `url` 参数携带数据,但是这两个方法会关闭当前页面,因此不适用于需要返回上一个页面时携带数据的情况。
阅读全文