uniapp微信小程序页面跳转
时间: 2025-01-09 11:42:48 浏览: 100
### UniApp 中微信小程序页面跳转实现方法
在 UniApp 开发环境中,针对微信小程序的页面跳转功能提供了多种方式来满足不同的需求。
#### 使用 `uni.navigateTo` 进行页面跳转
此 API 可以保留当前页面并打开一个新的页面实例。新页面不会关闭原页面,在导航栏左上角会有返回按钮可回到前一页[^3]。
```javascript
uni.navigateTo({
url: '/pages/targetPage/targetPage'
});
```
#### 关闭当前页面并重定向至另一页面
如果希望关闭当前页面再跳转到其他页面,则应采用 `uni.redirectTo` 方法。这种方式下,用户无法通过常规手段返回之前的界面。
```javascript
uni.redirectTo({
url: '/pages/newPage/newPage'
});
```
#### 应用内重新加载根页面
对于某些特定场景可能需要用到 `uni.reLaunch` 函数,它能够一次性关闭所有页面,并开启新的指定页面作为首页显示给用户。
```javascript
uni.reLaunch({
url: '/pages/index/index'
});
```
#### 小程序间跳转 (全屏/半屏)
除了上述的应用内部页面切换外,还可以利用 `wx.navigateToMiniProgram` 或者 `uni.openEmbeddedMiniProgram` 来实现在不同小程序之间的交互访问。前者适用于完全离开当前环境进入目标小程序;后者则是在保持现有上下文的同时嵌入另一个小程序的内容展示于屏幕下半部分[^2]。
阅读全文
相关推荐
















