微信小程序之页面跳转

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 页面,清除所有页面栈
})
相关推荐
狂团商城小师妹34 分钟前
预约洗车小程序
微信小程序·小程序
future_studio1 小时前
聊聊 Unity(小白专享、C# 小程序 之 图片播放器)
unity·小程序·c#
Q_Q5110082855 小时前
python+uniapp基于微信小程序的心理咨询信息系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
HuYi_code7 小时前
WeChat 小程序下载文件实现
微信小程序·uni-app
00后程序员张7 小时前
HTTPS 包 抓取与分析实战,从抓包到解密、故障定位与真机取证
网络协议·http·ios·小程序·https·uni-app·iphone
一匹电信狗8 小时前
【C++】C++风格的类型转换
服务器·开发语言·c++·leetcode·小程序·stl·visual studio
2501_915921438 小时前
iOS混淆与IPA加固实战手记,如何构建苹果应用防反编译体系
android·macos·ios·小程序·uni-app·cocoa·iphone
Q_Q51100828510 小时前
python+uniapp基于微信小程序的学院设备报修系统
spring boot·python·微信小程序·django·flask·uni-app
李慕婉学姐10 小时前
【开题答辩过程】以《自习室预约微信小程序》为例,不会开题答辩的可以进来看看
微信小程序·小程序
LB211211 小时前
苍穹外卖-购物车 前端修改(小程序主页与购物车模块显示不一致)
小程序