uniapp的页面跳转
时间: 2025-01-18 15:59:50 浏览: 43
### UniApp 页面跳转方法概述
在UniApp中,页面之间的导航可以通过多种内置的方法完成。每种方法适用于不同的场景,并具有特定的行为。
#### 使用 `uni.navigateTo` 跳转至新页面而不关闭当前页
此方法允许用户返回前一页。它适合于大多数情况下的页面切换操作[^2]。
```javascript
uni.navigateTo({
url: '/pages/example/example'
});
```
#### 利用 `uni.redirectTo` 替换当前页面栈中的页面
这种方法会替换掉当前页面,在新的目标页面上不会保留历史记录,因此无法通过硬件返回键回到之前的界面[^1]。
```javascript
uni.redirectTo({
url: '/pages/example/example'
});
```
#### 应用 `uni.reLaunch` 关闭所有打开的页面并打开指定的应用首页或其他任意页面
当希望完全刷新整个应用状态或重新加载根路径时非常有用[^4]。
```javascript
uni.reLaunch({
url: '/pages/index/index'
});
```
#### 执行 `uni.switchTab` 实现底部标签栏页面间的转换
仅能用于带有tabBar属性配置项定义好的几个固定页面之间相互切换。
```javascript
uni.switchTab({
url: '/pages/tabbar/pageA/pageA'
});
```
#### 返回至上一页面使用 `uni.navigateBack`
如果需要让用户能够方便地退回到之前浏览过的页面,则应该采用该函数。
```javascript
uni.navigateBack();
// 或者带上参数控制回退层数
uni.navigateBack({
delta: 1
});
```
以上就是几种常见的页面跳转方式及其适用场合。开发者可以根据实际项目的需求选取最合适的API来处理不同类型的路由逻辑。
阅读全文
相关推荐

















