uniapp跳转路由
时间: 2025-02-20 15:40:02 浏览: 53
### UniApp 中实现页面跳转的方法
在 UniApp 开发环境中,页面间的跳转主要依赖于 `uni` 对象所提供的多种方法来完成不同类型的导航操作。每种方式适用于不同的场景需求。
#### 使用 `navigateTo`
当开发者希望保留当前页面,在新页面上打开目标页面时可以采用此方法:
```javascript
uni.navigateTo({
url: '/pages/targetPage/targetPage'
});
```
这种方式不会关闭原页面,用户可以通过左滑返回或点击左上角的箭头回到之前的界面[^1]。
#### 利用 `redirectTo`
如果目的是完全替换掉当前页面并转向新的页面,则应选用 `redirectTo` 函数:
```javascript
uni.redirectTo({
url: '/pages/newPage/newPage'
});
```
执行该命令后,原来的页面会被销毁,无法通过常规手段回退到前一屏[^2]。
#### 应用 `switchTab`
对于带有底部标签栏的应用程序来说,切换 Tab 页需要用到特定指令——即 `switchTab` 。注意只有配置文件里定义过的 tab 页面才能作为参数传递给这个 API :
```javascript
uni.switchTab({
url: '/pages/tabBar/home/home' // 假设这是其中一个tab对应的路径
});
```
这种方法仅限用于已注册为 tabBar 的页面之间相互转换。
#### 尝试 `reLaunch`
为了重新加载整个应用至指定入口,可调用 `reLaunch` 来达到目的;它会先清除所有历史记录再启动新页面:
```javascript
uni.reLaunch({
url: '/pages/index/index'
});
```
这种做法适合处理一些特殊情况下的重置行为,比如登出账户后的首页重定向。
阅读全文
相关推荐



