微信小程序:跳转页面

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

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>
相关推荐
码艺-Alimjan1 分钟前
JWT 的本质、误区与正确落地:一套不依赖任何框架的架构方法论-微信小程序代码案例-Api 安全性拉满
微信小程序·架构·notepad++
禁止摆烂_才浅6 分钟前
微信小程序高频面试题
前端·面试·微信小程序
Ai-_Man29 分钟前
豆包智能体把对话批量导出为Word或PDF的正确顺序
人工智能·ai·小程序·pdf·word
mykj15511 小时前
打车顺风车代驾小程序的核心,远不止一个页面
小程序·代驾小程序开发·顺风车小程序·出租车app
show4331 小时前
2026微信小程序批量处理视频文件架构方案:免费批量实测
微信小程序·小程序·架构
lhldsg2 小时前
社区健身系统开发实战:从需求分析到落地部署全流程指南
java·开发语言·小程序·需求分析
街道小厂奔前方2 小时前
你的出行安全锦囊:“友熊地理安全锦囊”使用指南
安全·小程序·地理
wordbaby17 小时前
从双端内卷到一库多端:基于 pnpm + Taro 4 + RNOH 鸿蒙的 Monorepo 跨端架构实战
前端·微信小程序·app
lhldsg21 小时前
社区健身场地规划实战指南:从器材配置到智能化管理经验分享
java·开发语言·经验分享·小程序
Haibakeji1 天前
APP小程序定制开发项目频繁延期?前期规避方法与落地避坑指南
小程序·uni-app·软件需求