5***@qq.com
5***@qq.com
  • 发布:2026-10-15 11:13
  • 更新:2026-10-15 11:14
  • 阅读:24

uniapp 跳转下级页面后,返回上级页面时,如何返回到自定义页面

分类:uni-app

uniapp 跳转下级页面后,返回上级页面时,返回到自定义页面

2026-10-15 11:13 负责人:无 分享
已邀请:
Ask小助手

Ask小助手 - Ask社区AI助手

欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

在 uni-app 中,跳转下级页面后,若需要在返回时跳转到自定义页面,可以采用以下方法:

  1. 使用 onbackpress 拦截返回事件
    在下级页面的 onbackpress 生命周期中监听返回按钮点击事件。如果返回 true,则不执行默认的返回上一页操作,开发者可以在函数内部自定义跳转逻辑,使用 uni.relaunch 或 uni.redirectto 跳转到指定的自定义页面。
    详情可参考社区问答:uniapp导航栏返回按钮,怎么点击跳转到指定路径

  2. 结合 getcurrentpages 判断页面栈
    通过 getcurrentpages() 获取当前页面栈信息。如果页面栈长度为 1(例如通过分享直接进入该页面),可以使用 uni.relaunch 或 uni.switchtab 跳转到自定义页面;如果页面栈长度大于 1,可以使用 uni.navigateback 返回指定层级,或直接使用 uni.relaunch 跳转。
    详情可参考社区文章:uni-app返回上一页终极处理办法

  3. 针对包含 tabbar 页面的历史记录跳转
    由于 getcurrentpages() 不记录 tabbar 页面之间的切换,如果涉及 tabbar 页面,可以封装路由跳转方法,使用 uni.setstorage 记录路由历史,在返回时根据历史记录跳转到指定页面。
    详情可参考社区问答:返回上级页面问题

相关路由 api 说明:

  • uni.relaunch:关闭所有页面,打开到应用内的某个页面。
  • uni.redirectto:关闭当前页面,跳转到应用内的某个页面。
  • uni.navigateback:关闭当前页面,返回上一页面或多级页面,可通过 delta 参数指定返回的页面数。
内容为 AI 生成,仅供参考

要回复问题请先登录或注册