uniapp的路由说明（小白必看）

最新推荐文章于 2025-06-16 12:21:39 发布

钟Bubble

最新推荐文章于 2025-06-16 12:21:39 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

文章标签： uni-app 前端小程序 vue app

本文链接：https://blog.youkuaiyun.com/BubbleABC/article/details/115392622

本文介绍了uni-app的路由操作，包括navigateTo、redirectTo、reLaunch、switchTab和navigateBack的用法及注意事项。强调了各方法的适用场景，如navigateTo和redirectTo用于非tabBar页面，switchTab用于tabBar页面，而reLaunch可打开任意页面。同时提醒开发者不能在App.vue中直接进行页面跳转，并指出了页面路径和tabBar页面的管理规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp的路由说明

uni.navigateTo( OBJECT)

保留当前页面，跳转到应用内的某个页面，使用 uni.navigateBack 可以返回到原来页面
注意：
①页面跳转路径有层级限制，不能无限跳转新页面
②跳转到 tabBar 页面只能使用 switchTab 跳转
③不能在 App.vue 文件里进行页面跳转
④路由API的目标页面必须是在 pages.json 里注册的vue页面。如果想打开 web url，在APP平台可以使用 plus.runtime.openURL 或 web-view组件；H5平台使用 window.open ；小程序平台使用web-view组件（url需在小程序的联网白名单里）。

uni.redirectTo( OBJECT )

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

uni.reLaunch（ OBJECT ）

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

uni.switchTab（OBJECT）

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

uni.navigateBack（OBJECT）

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

提示Tips：

**
（1）navigateTo，redirectTo 只能打开非 tabBar页面
（2）switchTab只能打开 TabBar 页面
（3）reLaunch可以打开任意界面
（4）页面底部的 tabBar 由页面决定，即只要是定义为 tabBar 的页面，底部都有tabBar
（5）不能在 App.vue 里面进行页面跳转