uniapp开发小程序进行页面跳转
时间: 2024-12-27 07:29:43 浏览: 5
### UniApp 小程序页面跳转方法
#### 使用 `uni.navigateTo` 进行页面跳转
此 API 用于保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用如下:
```javascript
uni.navigateTo({
url: '/pages/example/example'
});
```
这种方式会把跳转源页面压入栈中[^1]。
#### 利用 `uni.redirectTo` 实现页面重定向
该函数关闭当前页面,跳转到应用内的某个页面。然而也不能跳转至 tabbar 页面。代码实例为:
```javascript
uni.redirectTo({
url: '/pages/example/example'
});
```
这里不会保存调用这个接口的页面到历史记录里[^2]。
#### 应用 `uni.switchTab` 跳转 Tab 页面
专门用来跳转到 tabBar 页面之一,其他类型的页面无法通过它访问。语法结构如下所示:
```javascript
uni.switchTab({
url: '/pages/index/index'
});
```
仅限于带有底部导航栏的应用场景下使用。
#### 执行 `uni.reLaunch` 关闭所有页面并打开新页
能够一次性关闭所有页面再加载目标页面,适用于某些特定逻辑处理后的操作,比如登录成功后重新进入首页流程等。样例如下:
```javascript
uni.reLaunch({
url: '/pages/example/example'
});
```
这种模式适合需要完全刷新整个应用程序状态的情况。
#### 返回上一页或多级页面借助 `uni.navigateBack`
允许开发者指定返回几层的历史页面,默认值为 1 层。具体形式如下:
```javascript
uni.navigateBack({
delta: 2 // 返回两层页面
});
```
当设置较大的 `delta` 值时需要注意不要超出实际可回退层数以免造成异常行为。
阅读全文