微信小程序之页面带参跳转
时间: 2023-09-16 16:13:05 浏览: 221
微信小程序常见页面跳转操作简单示例
5星 · 资源好评率100%
微信小程序支持在页面之间进行带参数的跳转。以下是具体的实现方法:
1. 在源页面中使用 `wx.navigateTo` API 进行跳转,并在该函数的 `url` 参数中传递参数,例如:
```javascript
wx.navigateTo({
url: '/pages/target/target?id=123&name=张三'
})
```
2. 在目标页面的 `onLoad` 函数中获取传递的参数,例如:
```javascript
Page({
onLoad: function (options) {
console.log(options.id) // 输出:123
console.log(options.name) // 输出:张三
}
})
```
注意事项:
- 参数传递时需要使用 `key=value` 的形式,并用 `&` 分隔不同的参数;
- 目标页面必须定义 `onLoad` 函数,否则无法获取传递的参数;
- 如果使用 `wx.switchTab` 进行页面跳转,则无法传递参数;
阅读全文