uni-app几种常见的页面跳转方式

1.uni.navigateTo:保留当前页面,跳转到应用内的某个页面,可返回上一级页面。

uni.navigateTo({
  url: '/pages/targetPage' // 目标页面的路径,需在 `pages.json` 中配置
});

2.uni.redirectTo:关闭当前页面,跳转到应用内的某个页面,不可返回上一级页面。

uni.redirectTo({
  url: '/pages/targetPage' // 目标页面的路径,需在 `pages.json` 中配置
});

3.uni.reLaunch:关闭所有页面,打开应用内的某个页面。

uni.reLaunch({
  url: '/pages/targetPage' // 目标页面的路径,需在 `pages.json` 中配置
});

4.uni.switchTab:跳转到应用内的底部 Tab 页面,并关闭其他非 Tab 页面。

uni.switchTab({
  url: '/pages/tabBarPage' // 目标 Tab 的页面路径,需在 `pages.json` 中配置
});

5.uni.navigateBack:返回上一级页面或多级页面。

uni.navigateBack();

6.uni.navigateToMiniProgram:跳转到其他小程序。

uni.navigateToMiniProgram({
  appId: '其他小程序的 AppId',
  path: '/pages/targetPage', // 目标小程序的页面路径
  extraData: {}, // 额外的参数
  envVersion: 'release' // 目标小程序的版本
});
  • 7
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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 ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值