uniapp的路由跳转

详情参考:https://uniapp.dcloud.io/api/router?id=relaunch

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

使用场景:需要返回不刷新原页面数据时使用。

注意:

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

uni.redirectTo(OBJECT)

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

使用场景:需要返回刷新原页面数据或者刷新当前页面数据时使用,刷新当前页面即跳到当前页面。

注意:

  • 跳转到 tabBar 页面只能使用 switchTab 跳转

uni.reLaunch(OBJECT)

关闭所有页面,打开到应用内的某个页面。

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

Tips:

  • H5端调用uni.reLaunch之后之前页面栈会销毁,但是无法清空浏览器之前的历史记录,此时navigateBack不能返回,如果存在历史记录的话点击浏览器的返回按钮或者调用history.back()仍然可以导航到浏览器的其他历史记录。

uni.switchTab(OBJECT)

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

关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。

原文地址:https://www.cnblogs.com/baixinL/p/13600481.html