uni-app 提供的页面跳转方法详细解释及其区别

uni-app 提供的页面跳转方法详细解释及其区别

  • 功能:uni-app 的 navigateTo 方法,用于跳转到一个新页面,会在页面栈中添加新页面。
  • 特点:支持返回操作,用户点击返回按钮或调用 uni.navigateBack 可以回到上一个页面。页面栈会不断增加,适合在应用内进行多级页面跳转。
  • 使用场景:从列表页跳转到详情页,用户查看详情后能返回列表页。

2. redirectTo

  • 功能:uni-app 的 redirectTo 方法,用于关闭当前页面,跳转到应用内的某个页面。
  • 特点:不支持通过返回按钮回到上一个页面,因为当前页面已被关闭,页面栈不会增加。
  • 使用场景:用户登录成功后,从登录页跳转到主页,此时不需要用户再返回登录页。

3. reLaunch

  • 功能:uni-app 的 reLaunch 方法,用于关闭所有页面,打开到应用内的某个页面。
  • 特点:会清空整个页面栈,然后跳转到指定页面,用户无法通过返回按钮回到之前的页面。
  • 使用场景:用户退出登录时,需要清空所有页面,跳转到登录页。

4. switchTab

  • 功能:uni-app 的 switchTab 方法,用于跳转到 tabBar 页面,并关闭其他非 tabBar 页面。
  • 特点:只能跳转到配置在 tabBar 中的页面,会关闭当前非 tabBar 页面,页面栈会被重置。
  • 使用场景:在应用底部 tabBar 之间切换,比如从首页切换到个人中心页。
  • 功能:uni-app 的 navigateBack 方法,用于关闭当前页面,返回上一页面或多级页面。
  • 特点:通过 delta 参数可以指定返回的页面层级,默认返回上一级页面。
  • 使用场景:用户在详情页点击返回按钮回到列表页。
相关推荐
_阿南_2 小时前
项目中新增给AI制定的代码规范
前端·程序员
名字还没想好☜3 小时前
React 实现暗黑模式切换:localStorage 持久化、SSR 首屏闪烁与跟随系统主题
前端·javascript·react.js·ecmascript·react·next.js
console.log('npc')4 小时前
Git 冲突与 AI 协助指南
前端·人工智能·git·大模型
爱学堂IT分享5 小时前
Cesium可视化系统实战课程-Cesium教程学习
前端
糖墨夕5 小时前
理解大语言模型:Agent 的“大脑”
前端·agent
Rain的Java大神之路5 小时前
JavaWeb开发如何解决跨域问题
java·前端·后端·nginx·web安全·面试·运维开发
cpolar技术支持6 小时前
浏览器也能跑本地 AI:用 Transformers.js + WebGPU 做一个最小推理 Demo,cpolar 给同事远程体验
前端·ai·cpolar·webgpu·transformers.js
计算机魔术师7 小时前
OpenAI 发布 GPT-6 Astra:多项基准刷新纪录, cybersecurity 能力达 Critical 阈值
前端
xy34537 小时前
Axure9.0中继器遮罩实现方法
前端·ui·html·axure·原型·产品设计
风骏时光牛马7 小时前
智能任务自动化协同AI工作流
前端