自学内容网 自学内容网

微信小程序之页面跳转

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)!