navigateTo用法
时间: 2024-09-05 16:03:46 浏览: 23
`navigateTo`是微信小程序中用于页面跳转的核心API之一,主要用于异步地从当前页面跳转到另一个页面。它通常包含以下几个关键部分的用法:
1. **基本语法**:
```javascript
wx.navigateTo({
url: '相对路径/目标页面路径', // 目标页面路径可以是绝对路径或相对路径
// 可选参数
animated: 'true' | 'false' // 是否使用动画效果,默认为true
});
```
2. **携带参数**:
如果需要将数据传递给目标页面,可以在URL后添加查询字符串,例如 `?key=value` 或者使用 `query` 对象,如:
```javascript
wx.navigateTo({
url: '/pages/TargetPage/TargetPage?key=yourValue',
query: { key: 'yourValue' } // 使用query参数的方式
});
```
在目标页面通过`onLoad`或`onShow`获取这些参数。
3. **回调处理**:
`navigateTo`是异步操作,所以如果你需要在目标页面加载完成后再做某些事情,可以在`bindsuccess`回调函数中执行:
```javascript
wx.navigateTo({
url: 'targetPage',
bindsuccess: function(res) {
console.log('跳转成功');
}
});
```
4. **注意点**:
- 需要注意的是,`redirectTo` 和 `reLaunch` 会关闭当前页面,而 `navigateTo` 则不会。
- 跳转的目标页面最好预先定义好 `onLoad` 或者 `onShow` 来处理参数。