微信小程序之页面跳转

1、wx.navigateTo( )：

• 功能：保留当前页面，跳转到应用内的某个页面。
• 特点：跳转后原页面保留在后台，可以通过wx.navigateBack()返回到原页面，新页面显示在原页面之上，有返回按钮。

wx.navigateTo({
  url: '/pages/otherPage/otherPage' // 跳转到名为 otherPage 的页面
})

2、wx.redirectTo( )：

• 功能：关闭当前页面，跳转到应用内的另一个页面。
• 特点：跳转后原页面被关闭，新的页面没有默认的返回按钮，若需返回需要自行编程实现。

wx.redirectTo({
  url: '/pages/newPage/newPage' // 跳转到名为 newPage 的页面，关闭当前页面
})

3、wx.switchTab( )：（假设我们要切换到 tabBar 中的 index 页面）

• 功能：跳转到 tabBar 页面，同时关闭其他所有非 tabBar 页面。
• 特点：常用于切换至底部导航栏对应的页面。

wx.switchTab({
  url: '/pages/index/index' // 跳转到 tabBar 中的 index 页面
})

4、wx.navigateBack( )：

• 功能：关闭当前页面，回退到上一页面或多级页面。
• 特点：不是直接跳转到其他页面，而是根据页面栈返回到之前的页面

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

// 或者指定返回的层数
wx.navigateBack({
  delta: 2 // 返回两层页面
})

5、wx.reLaunch( )：

• 功能：关闭所有页面，打开到应用内的某个页面。
• 特点：清空所有历史栈并跳转到指定页面，通常用于启动页或者需要重新加载的应用首页。

wx.reLaunch({
  url: '/pages/home/home' // 重启并跳转到 home 页面，清除所有页面栈
})

原文地址：https://blog.csdn.net/m0_59704905/article/details/137912070

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！