微信小程序:跳转页面

实际调用需要根据自己业务实际情况决定,虽然各种方式一定程度上能减少内存损耗,但是业务上面流转优化才是最终要满足的,一定要从业务流转去优化去考虑,不要为了性能增加了流转复杂度

1、wx.navigateTo

保留当前页面,跳转到应用内的某个页面。可以通过调用 wx.navigateBack 返回到原页面。跳转后左上角出现返回小箭头,点击后可返回原本页面。示例代码:

复制代码
wx.navigateTo({
    url: '../detail/detail'
})

2、wx.redirectTo

关闭当前页面,跳转到应用内的某个页面,不能跳转 tabbar 页面,跳转后左上角出现返回首页图标,点击后可返回首页面,重定向的概念。示例代码:

复制代码
wx.redirectTo({
  url: '../detail/detail'
})

3、wx.reLaunch

关闭所有页面,打开应用内的某个页面,跳转后左上角出现返回首页图标,点击后可返回首页面。示例代码:

复制代码
wx.reLaunch({
  url: '../detail/detail'
})

4、wx.switchTab

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,该方法只能跳转 tabbar 页面。 示例代码:

复制代码
wx.switchTab({
  url: '../detail/detail'
})

5、<navigator url=""><navigator/>

通过设置 url 属性来指定跳转的目标页面。 示例代码:

复制代码
<navigator url="../detail/detail"><button>我是A页面,点击跳转到B页面</button></navigator>
相关推荐
sheji34165 小时前
【开题答辩全过程】以 基于微信小程序的少儿编程学习平台为例,包含答辩的问题和答案
学习·微信小程序·小程序
const_qiu7 小时前
微信小程序自动化测试100%通过率实践
微信小程序·小程序
Greg_Zhong11 小时前
小程序中登出/切换/重置页面状态的使用
小程序
一字白首11 小时前
微信小程序进阶实战:从 UI 组件库到全局状态管理全解DAY05
ui·微信小程序·小程序
海石1 天前
微信小程序开发02:原始人也能看懂的着色器与视频处理
前端·微信小程序·视频编码
li9056632801 天前
hanzi-writer-miniprogram Path2D问题以及Bug修复
微信小程序·bug
土土哥V_araolin1 天前
双迪大健康新零售系统开发要点
小程序·个人开发·零售
2501_915909061 天前
不用越狱就看不到 iOS App 内部文件?使用 Keymob 查看和导出应用数据目录
android·ios·小程序·https·uni-app·iphone·webview
CHU7290351 天前
扭蛋机盲盒小程序前端功能设计及核心玩法介绍
前端·小程序
职豚求职小程序1 天前
中华财险笔试测评题库小程序刷题职豚2026新
小程序