uni-app 提供的页面跳转方法详细解释及其区别

uni-app 提供的页面跳转方法详细解释及其区别

1. navigateTo

• 功能：uni-app 的 navigateTo 方法，用于跳转到一个新页面，会在页面栈中添加新页面。
• 特点：支持返回操作，用户点击返回按钮或调用 uni.navigateBack 可以回到上一个页面。页面栈会不断增加，适合在应用内进行多级页面跳转。
• 使用场景：从列表页跳转到详情页，用户查看详情后能返回列表页。

2. redirectTo

• 功能：uni-app 的 redirectTo 方法，用于关闭当前页面，跳转到应用内的某个页面。
• 特点：不支持通过返回按钮回到上一个页面，因为当前页面已被关闭，页面栈不会增加。
• 使用场景：用户登录成功后，从登录页跳转到主页，此时不需要用户再返回登录页。

3. reLaunch

• 功能：uni-app 的 reLaunch 方法，用于关闭所有页面，打开到应用内的某个页面。
• 特点：会清空整个页面栈，然后跳转到指定页面，用户无法通过返回按钮回到之前的页面。
• 使用场景：用户退出登录时，需要清空所有页面，跳转到登录页。

4. switchTab

• 功能：uni-app 的 switchTab 方法，用于跳转到 tabBar 页面，并关闭其他非 tabBar 页面。
• 特点：只能跳转到配置在 tabBar 中的页面，会关闭当前非 tabBar 页面，页面栈会被重置。
• 使用场景：在应用底部 tabBar 之间切换，比如从首页切换到个人中心页。

5. navigateBack

• 功能：uni-app 的 navigateBack 方法，用于关闭当前页面，返回上一页面或多级页面。
• 特点：通过 delta 参数可以指定返回的页面层级，默认返回上一级页面。
• 使用场景：用户在详情页点击返回按钮回到列表页。