微信小程序页面跳转携带参数 页面怎么接收参数
时间: 2023-09-25 09:11:09 浏览: 71
微信小程序页面跳转携带参数可以通过在跳转链接中添加参数的方式来实现,例如:
```
wx.navigateTo({
url: '/pages/detail/detail?id=123'
})
```
在接收参数的页面中可以通过 `getCurrentPages()` 方法获取当前页面栈,再通过 `options` 属性获取传递过来的参数,例如:
```
Page({
onLoad: function (options) {
console.log(options.id) // 输出 123
}
})
```
这里的 `options` 参数就是从上一个页面传递过来的参数,可以通过其中的属性名来获取具体的值。
相关问题
微信小程序页面跳转携带参数 接收参数的页面怎么接收参数使用
接收参数的页面可以通过以下两种方式来获取传递过来的参数:
1. 在页面的 onLoad 生命周期中获取
在接收参数的页面中,可以在 onLoad 函数中获取传递过来的参数,例如:
```
Page({
onLoad: function (options) {
console.log(options.id) // 输出 123
}
})
```
在这个例子中,我们通过 `options` 参数来获取传递过来的参数,其中 `id` 就是传递过来的参数名。
2. 通过 getCurrentPages() 方法获取
在接收参数的页面中,可以通过 `getCurrentPages()` 方法获取当前页面栈,再通过 `options` 属性获取传递过来的参数,例如:
```
Page({
onLoad: function () {
var pages = getCurrentPages()
var currentPage = pages[pages.length - 1]
console.log(currentPage.options.id) // 输出 123
}
})
```
在这个例子中,我们通过 `getCurrentPages()` 方法获取当前页面栈,再通过 `currentPage.options` 属性来获取传递过来的参数,其中 `id` 就是传递过来的参数名。
微信小程序怎么在跳转页面的时候携带参数
在微信小程序中,可以通过使用 `wx.navigateTo` 方法跳转到另一个页面,并且在跳转时携带参数。具体的实现步骤如下:
1. 在当前页面中,使用 `wx.navigateTo` 方法跳转到目标页面,并且在 `url` 参数中携带参数,例如:
```
wx.navigateTo({
url: '/pages/targetPage/targetPage?id=123&name=张三'
})
```
2. 在目标页面的 `onLoad` 生命周期方法中,可以通过 `options` 参数获取到携带的参数,例如:
```
onLoad: function (options) {
console.log(options.id) // 输出:123
console.log(options.name) // 输出:张三
}
```
这样就可以在跳转页面的时候携带参数并在目标页面中获取参数了。