uni-app小程序的跳转方式?

344 阅读1分钟

在uni-app小程序中,可以使用以下几种方式实现页面跳转:

  1. 使用uni.navigateTo()方法跳转页面。在uni-app中,可以使用uni.navigateTo()方法来实现页面跳转,通过传入目标页面路径作为参数来实现。例如:
uni.navigateTo({
  url: '/pages/targetPage/targetPage'
});
  1. 使用uni.redirectTo()方法跳转页面。与uni.navigateTo()方法类似,使用uni.redirectTo()方法可以实现页面跳转,不过它会关闭当前页面,将目标页面作为新的当前页面。例如:
uni.redirectTo({
  url: '/pages/targetPage/targetPage'
});
  1. 使用uni.reLaunch()方法跳转页面。uni.reLaunch()方法可以实现页面跳转,并关闭所有其他页面,将目标页面作为新的当前页面。例如:
uni.reLaunch({
  url: '/pages/targetPage/targetPage'
});
  1. 使用uni.switchTab()方法跳转到tabBar页面。如果目标页面是uni-app的tabBar页面,可以使用uni.switchTab()方法进行跳转,它会切换到目标tabBar页面,并关闭其他非tabBar页面。例如:
uni.switchTab({
  url: '/pages/tabBarPage/tabBarPage'
});

需要注意的是,uni-app中的路由跳转方法与原生小程序略有不同,使用的是uni.navigateTo()uni.redirectTo()uni.reLaunch()uni.switchTab()等方法。