小程序路由跳转带参数
时间: 2024-03-28 13:31:33 浏览: 117
微信小程序之页面跳转和参数传递的实现
小程序路由跳转带参数的方法有多种,以下是其中两种常用的方法:
1. 在路由路径中携带参数
可以在路由路径中使用 `query` 参数来携带参数,例如:
```javascript
// 跳转到目标页面,并携带参数 id=1 和 name='example'
wx.navigateTo({
url: '/pages/target/target?id=1&name=example'
})
```
在目标页面中可以通过 `options` 对象获取传递的参数,例如:
```javascript
// 在目标页面中获取传递的参数
Page({
onLoad: function (options) {
console.log(options.id) // 输出:1
console.log(options.name) // 输出:'example'
}
})
```
2. 使用 `navigateTo` 方法的 `query` 参数
可以在 `navigateTo` 方法的 `query` 参数中携带参数,例如:
```javascript
// 跳转到目标页面,并携带参数 id=1 和 name='example'
wx.navigateTo({
url: '/pages/target/target',
query: {
id: 1,
name: 'example'
}
})
```
在目标页面中可以通过 `options` 对象获取传递的参数,例如:
```javascript
// 在目标页面中获取传递的参数
Page({
onLoad: function (options) {
console.log(options.id) // 输出:1
console.log(options.name) // 输出:'example'
}
})
```
阅读全文