uniapp 小程序跳转到其他地址
时间: 2025-04-24 08:12:30 浏览: 22
### UniApp 小程序页面跳转方法
#### 使用 `wx.navigateTo` 进行页面跳转
对于普通的页面跳转,可以使用 `uni.navigateTo` 函数。此函数用于保留当前页面,跳转到应用内的某个页面[^2]。
```javascript
uni.navigateTo({
url: '/pages/targetPage/targetPage?param=value'
});
```
#### 使用 `switchTab` 跳转至 tabBar 页面
当目标页面位于底部 tab 栏时,则应采用 `uni.switchTab` 来完成跳转操作。需要注意的是,只有定义于 pages.json 中的 tabBar 页面才能成为该 API 的合法目的地。
```javascript
uni.switchTab({
url: '/pages/tabBarPage/tabBarPage'
});
```
#### 使用 `redirectTo` 替换当前页面并跳转
若希望关闭当前页面,并重定向到新的页面,那么应该调用 `uni.redirectTo` 方法来达成目的。
```javascript
uni.redirectTo({
url: '/pages/newPage/newPage'
});
```
#### 主包向分包内页面跳转
在涉及到主包与分包之间的导航时,只要遵循正常的路径书写方式即可正常工作,无需特殊处理,但前提是确保所涉及的所有页面均已在项目配置文件中正确定义[^4]。
```javascript
uni.navigateTo({
url: 'subpackage/pages/subpage/subpage' // 假设 subpackage 是分包名称
});
```
#### 通过 `navigator` 组件传递参数给其他页面
为了简化跨页面的数据传输过程,可以在模板部分利用 `<navigator>` 标签配合其属性设置轻松实现携带数据的跳转行为。
```html
<navigator :url="'/pages/receiver/receiver?id=' + id">
点击前往接收页
</navigator>
```
阅读全文
相关推荐

















