用wx.navigateTo方法跳转页面的实例、
时间: 2024-03-03 22:14:33 浏览: 120
页面跳转动画简单示例
当使用小程序开发框架的时候,可以使用 `wx.navigateTo` 方法来进行页面跳转。下面是一个使用 `wx.navigateTo` 方法跳转页面的示例:
```javascript
// 在当前页面的逻辑文件中
Page({
// 跳转到目标页面
navigateToTargetPage() {
wx.navigateTo({
url: '/pages/targetPage/targetPage', // 目标页面的路径
success: (res) => {
console.log('跳转成功', res)
},
fail: (err) => {
console.error('跳转失败', err)
}
})
}
})
```
在上面的示例中,`navigateToTargetPage` 函数是当前页面的一个方法,当调用该方法时,会使用 `wx.navigateTo` 方法跳转到目标页面。`url` 参数指定了目标页面的路径,以 `/pages/targetPage/targetPage` 为例。
跳转成功后,`success` 回调函数会被调用并传递一个 `res` 参数,可以在这个函数中处理跳转成功后的逻辑。如果跳转失败,则会调用 `fail` 回调函数并传递一个 `err` 参数,可以在这个函数中处理跳转失败后的逻辑。
需要注意的是,`wx.navigateTo` 方法只能用于跳转到非 tabBar 页面,如果需要跳转到 tabBar 页面,可以使用 `wx.switchTab` 方法。同时,也可以使用 `wx.redirectTo` 方法进行页面重定向。
阅读全文