uniapp跳转页面
时间: 2023-08-14 14:04:51 浏览: 562
页面跳转
在uni-app中,有几种跳转页面的方式可以使用。其中包括:
1. `uni.navigateTo(OBJECT)`:保留当前页面,跳转到应用内的某个页面。可以使用`uni.navigateBack`返回到原页面。可以通过传递参数来传递数据给目标页面。例如:
```javascript
uni.navigateTo({
url: '/pages/detail/detail'
});
```
2. `uni.redirectTo(OBJECT)`:关闭当前页面,并跳转到其他的非tabbar页面。可以通过传递参数来传递数据给目标页面。例如:
```javascript
uni.redirectTo({
url: '/pages/home/index'
});
```
3. `uni.reLaunch(OBJECT)`:关闭所有页面,打开到应用内的某个页面。可以通过传递参数来传递数据给目标页面。例如:
```javascript
uni.reLaunch({
url: '/pages/home/index'
});
```
4. `uni.switchTab(OBJECT)`:跳转到tabBar页面,并关闭其他所有非tabBar页面。例如:
```javascript
uni.switchTab({
url: '/pages/home/index'
});
```
5. `uni.navigateBack(OBJECT)`:关闭当前页面,返回上一页面或多级页面。可以通过传递`delta`参数来指定返回的页面层数。例如:
```javascript
uni.navigateBack({
delta: 2
});
```
以上是uni-app中常用的几种跳转页面的方式。根据具体需求,选择适合的方式进行页面跳转。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* *3* [uni-app几种常用的页面跳转方式](https://blog.csdn.net/qq_53966033/article/details/124538656)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [uniapp页面跳转的几种方式](https://blog.csdn.net/m0_56144469/article/details/128559006)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文