微信小程序如何跳转页面

代码真的养发2023-10-27 23:06

1.wx.navigateTo：用于跳转到其他页面，并保留当前页面。通过该 API 跳转后，可以通过返回按钮回到原页面。

复制代码

wx.navigateTo({
  url: '/pages/otherPage/otherPage'
})

2.wx.redirectTo：用于跳转到其他页面，并关闭当前页面。通过该 API 跳转后，无法通过返回按钮回到原页面。

复制代码

wx.redirectTo({
  url: '/pages/otherPage/otherPage'
})

3.wx.switchTab：用于跳转到 tabBar 页面，并关闭所有非 tabBar 页面。通过该 API 跳转后，会切换底部导航栏的选中状态，并且无法通过返回按钮回到非 tabBar 页面。

复制代码

wx.switchTab({
  url: '/pages/tabBarPage/tabBarPage'
})

4.wx.reLaunch：用于关闭所有页面，并打开到应用内的某个页面。通过该 API 跳转后，无法通过返回按钮回到其他页面。

复制代码

wx.reLaunch({
  url: '/pages/home/home'
})

5.wx.navigateBack：用于返回上一页或多级页面。通过该 API 可以回退到上一页或指定页面。

复制代码

// 返回上一页
wx.navigateBack()

// 返回到指定页面
wx.navigateBack({
  delta: 2
})