小程序页面跳转,微信小程序页面跳转的几种方式

作者: --时间: 2022-09-29 阅读量:

微信小程序的页面跳转是小程序开发过程中必不可少的一环,不同的页面跳转方式可以带来不同的用户体验。下面将介绍几种常用的小程序页面跳转方式。

1. navigateTo

使用navigateTo实现页面跳转,只会保留当前页面,跳转到新页面后返回时会重新加载。此方式可以嵌套跳转到最多五层。例如:

wx.navigateTo({
  url: '/pages/logs/logs'
})

2. redirectTo

使用redirectTo实现页面跳转,关闭当前页面,跳转到应用内的某个页面。例如:

wx.redirectTo({
  url: '/pages/index/index'
})

3. switchTab

使用switchTab实现tab之间的切换,只能跳转到带有tab的页面。例如:

wx.switchTab({
  url: '/pages/index/index'
})

4. navigateBack

使用navigateBack可以返回到上一个页面或多级页面。例如:

wx.navigateBack({
  delta: 1
})

其中delta表示返回的页面数,如果delta为2,则返回上两级页面。

以上就是小程序中常用的页面跳转方式,开发者可以根据自己的需求来选择合适的跳转方式,以提升用户体验。

一套系统全搞定
  • 商家管理
  • 商品管理
  • 订单管理
  • 会员管理
  • 营销中心
  • 供应链入驻
  • 财务管理
  • 支付分账
  • 商城直播
免费试用
更多产品任你选
  • B2B2C多用户商城系统

    类天猫&京东模式系统

    介绍方案
  • B2B2B电商交易系统

    全渠道订货/采购及经销商管
    理数字化系统

    获取案例
  • S2B2B电商交易系统

    上下游资源整合数字化解决方

    演示后台
  • 企业集采商城系统

    中大型企业数字化采购与交易
    系统

    模式介绍
  • 员工福利商城系统

    集福利管理、发放于一体的员工福利商城

    马上试用
更多功能 产品资料 电话沟通 免费试用