路由|跳转(router | goto)

行为简介

页面跳转

操作指南

行为 > 添加行为 > 路由 > 跳转 > 「指定页面」 > 转换

指定页面

  • 行为效果:跳转到指定的页面
  • 转换
    • 推入页面(push):跳转到某个非底部导航栏页面。 (注意: 最多推10层页面)
    • 打开对话框(modal): (暂未开放)
    • 跳转到TabBar页面(switch to):跳转到某个底部导航栏页面。
    • 跳转到非TabBar页面(redirect):跳转到某个非底部导航栏页面。 (注意: 不受10层页面限制)
    • 关闭所有页面并打开页面(relaunch):重新加载所有页面

场景示例

通过点餐类小程序间的跳转掌握跳转行为 总结预览之后不同导航行为的页面呈现效果

推入页面(push)

跳转后页面左上方存在返回按钮,可返回上层页面 应用场景:活动列表跳转至活动详情、问卷答题返回修改上一页答案、商品列表跳转至商品详情
注意: 最多推 10 层页面,当推入页面超过 10 层,后续页面将无法跳转。 页面栈具象理解成一个空间,能容纳 10 位房客的客栈

条件配置

功能实现


跳转到TabBar页面(switch to)

跳转后页面左上方不存在返回按钮,不可返回上层页面 应用场景:一键授权登录

条件配置

功能实现


跳转到非TabBar页面(redirect)

跳转后页面左上方存在返回按钮,不可返回上层页面,点击左上方按钮将直接返回主页面 应用场景:活动预约界面跳转至活动列表、个人资料更改成功后跳转回

条件配置

功能实现


关闭所有页面并打开页面(relaunch)

跳转后页面左上方存在返回主页面按钮,不可返回上层页面 应用场景:答题结束跳转至结果页面

条件配置

功能实现

注意:出现target screen not found的情况

  • 父层页面跳转时使用效果为关闭所有页面并打开页面 (relaunch)

需要更多帮助

未能解决您的问题?跳转社区进行话题讨论

2022-08-23
2 0