微信小程序之页面跳转

1、wx.navigateTo( ):

  • 功能:保留当前页面,跳转到应用内的某个页面。
  • 特点:跳转后原页面保留在后台,可以通过wx.navigateBack()返回到原页面,新页面显示在原页面之上,有返回按钮。
javascript 复制代码
wx.navigateTo({
  url: '/pages/otherPage/otherPage' // 跳转到名为 otherPage 的页面
})

2、wx.redirectTo( ):

  • 功能:关闭当前页面,跳转到应用内的另一个页面。
  • 特点:跳转后原页面被关闭,新的页面没有默认的返回按钮,若需返回需要自行编程实现。
javascript 复制代码
wx.redirectTo({
  url: '/pages/newPage/newPage' // 跳转到名为 newPage 的页面,关闭当前页面
})

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

  • 功能:跳转到 tabBar 页面,同时关闭其他所有非 tabBar 页面。
  • 特点:常用于切换至底部导航栏对应的页面。
javascript 复制代码
wx.switchTab({
  url: '/pages/index/index' // 跳转到 tabBar 中的 index 页面
})

4、wx.navigateBack( ):

  • 功能:关闭当前页面,回退到上一页面或多级页面。
  • 特点:不是直接跳转到其他页面,而是根据页面栈返回到之前的页面
javascript 复制代码
wx.navigateBack() // 返回上一个页面

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

5、wx.reLaunch( ):

  • 功能:关闭所有页面,打开到应用内的某个页面。
  • 特点:清空所有历史栈并跳转到指定页面,通常用于启动页或者需要重新加载的应用首页。
javascript 复制代码
wx.reLaunch({
  url: '/pages/home/home' // 重启并跳转到 home 页面,清除所有页面栈
})
相关推荐
腾马科技5 小时前
小酒馆白酒饮料订单配送立即点餐存酒小程序源码
微信小程序·点餐小程序
学点程序6 小时前
AI辅助开发小程序的实践分享
小程序
vx_dmxq21117 小时前
【PHP考研互助系统】(免费领源码+演示录像)|可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
java·spring boot·mysql·考研·微信小程序·小程序·php
蹦极的考拉17 小时前
夜间无法登录:ThinkPHP api接口 23:00 准时罢工的排查全纪录
小程序·thinkphp·api接口·无法登陆
vx_vxbs6619 小时前
【SSM电影网站】(免费领源码+演示录像)|可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
java·spring boot·python·mysql·小程序·php·idea
我命由我1234520 小时前
微信开发者工具 - 模拟器分离窗口与关闭分离窗口
前端·javascript·学习·微信小程序·前端框架·html·js
G佳伟1 天前
‌微信小程序Webview转发页面空白问题解决方案‌
微信小程序·小程序
vx_vxbs661 天前
【SSM电动车智能充电服务平台】(免费领源码+演示录像)|可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
java·spring boot·mysql·spring cloud·小程序·php·idea
小皮虾1 天前
告别服务器!小程序纯前端“图片转 PDF”工具,隐私安全又高效
前端·javascript·微信小程序
低代码布道师1 天前
医疗小程序12出诊列表
低代码·小程序