uniapp中页面路由跳转方法的区别

0 收藏 分类:前端知识| 作者 拾光 | 发布于 2025-03-31 | | 阅读数: 29

1.uni.switchTab

官方解释:

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。

注意:

  1. 如果调用了 uni.preloadPage(OBJECT) 不会关闭,仅触发生命周期 onHide。

实际体验:

可以跳转到非当前tabBar页面,如果当前tabBar页面调用,页面不会发生变化。

2.uni.navigateTo

官方解释:

保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。

注意:

  1. 页面跳转路径有层级限制,不能无限制跳转新页面
  2. 跳转到 tabBar 页面只能使用 switchTab 跳转
  3. 路由API的目标页面必须是在pages.json里注册的vue页面。如果想打开web url,在App平台可以使用
  4. plus.runtime.openURL或web-view组件;H5平台使用
  5. window.open;小程序平台使用web-view组件(url需在小程序的联网白名单中)。在hello
  6. uni-app中有个组件ulink.vue已对多端进行封装,可参考。

实际体验:

可回退,不能跳转tabBar页面,否则报错navigateTo:fail can not navigateTo a tabbar page,跳转的页面必须在pages.json注册。

3.uni.redirectTo

官方解释:

关闭当前页面,跳转到应用内的某个页面。

注意:

  1. 跳转到 tabBar 页面只能使用 switchTab 跳转

实际体验:

不能跳转tabBar,不能回退。


0个评论