微信小程序之页面跳转

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 页面,清除所有页面栈
})
相关推荐
2501_915909069 小时前
手机崩溃日志导出的工程化体系,从系统级诊断到应用行为分析的多工具协同方法
android·ios·智能手机·小程序·uni-app·iphone·webview
toooooop810 小时前
微信小程序轮播图高度自适应优化
微信小程序·小程序
StarChainTech10 小时前
电动车租赁行业的核心需求:智能中控设备的选择与技术方案
物联网·微信小程序·小程序·软件需求·共享经济
计算机毕设指导612 小时前
基于微信小程序的积分制零食自选平台【源码文末联系】
java·spring boot·mysql·微信小程序·小程序·tomcat·maven
云起SAAS12 小时前
老年美文文章图文短视频资讯阅读抖音快手微信小程序看广告流量主开源
微信小程序·小程序·ai编程·看广告变现轻·老年美文文章图文短视频资讯阅读
qq_124987075313 小时前
基于微信小程序的民宿预订系统的设计与实现(源码+论文+部署+安装)
java·spring boot·后端·微信小程序·毕业设计
2501_9151063213 小时前
App HTTPS 抓包实战解析,从代理调试到真实网络流量观察的完整抓包思路
网络协议·http·ios·小程序·https·uni-app·iphone
游戏开发爱好者814 小时前
苹果App Store应用程序上架方式全面指南
android·小程序·https·uni-app·iphone·webview
2501_9160088914 小时前
深入理解 iPhone 文件管理,从沙盒结构到开发调试的多工具协同实践
android·ios·小程序·https·uni-app·iphone·webview
说私域14 小时前
人口红利消退与疫情冲击下电商行业的转型路径探索——以开源链动2+1模式S2B2C商城小程序为例
小程序·开源