uniapp路由和页面的重定向

本文详细介绍了uni-app中用于页面跳转的方法,包括navigateTo、redirectTo、reLaunch、switchTab和navigateBack的用法和区别。navigateTo用于保留当前页面并跳转,redirecto关闭当前页面跳转,reLaunch关闭所有页面打开新页面,switchTab则用于切换tabBar页面,并关闭其他非tabBar页面。同时,文章还提到了页面栈管理及H5端的特殊处理。

【1】uni.navigateTo(OBJECT): 保留当前页面, 重置到应用内的某个页面
      1.保留当前页面, 重置到应用内的某个页面, 使用uni.navigateBack可以返回到原页面
      2.可以传递参数, 接受参数时, 使用钩子函数onLoad
【2】uni.redirectTo:关闭当前页面, 跳转到应用内的某个页面
      1.关闭当前页面, 跳转到应用内的某个页面
      2.可以传递参数
【3】uni.reLaunch:关闭所有页面, 打开到应用内的某个页面
      1.关闭所有页面, 打开到应用内的某个页面
      2.可以传递参数
【4】uni.switchTab:跳转到tabBar页面, 并关闭其他所有非tabBar页面
        跳转到tabBar页面, 并关闭其他所有非tabBar页面
        不能传递参数
【5】uni.navigateBack:关闭当前页面, 返回上一页或多级页面
      1.关闭当前页面, 返回上一页或多级页面
      2.可通过getCurrentPages()获取当前的页面栈, 决定需要返回几层

  1、navigateTo, redirectTo只能打开非tabBar页面
  2、switchTab只能打开tabBar页面
  3、reLaunch 可以打开任意页面
  4、页面底部的tabBar由页面决定, 即只要是定义为tabBar的页面, 底部都有tabBar
  5、不能在App.vue里边进行页面跳转
  6、H5端页面刷新之后页面栈会消失, 此时navigateBack不能返回, 如果一定要返回可以使用history.back()导航到浏览器的其他历史记录

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值