当前位置: 首页 > news >正文

小程序中用于跳转页面的5个api是什么和区别

在微信小程序中,用于页面跳转的API主要有以下几个,但通常不需要5个那么多,因为它们的功能各有侧重,用于不同的跳转场景。以下是这些API及其详细代码和区别:

  1. wx.navigateTo(OBJECT)

    用于保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。

     
    javascriptwx.navigateTo({
    url: 'pages/detail/detail?id=1'
    })

    区别:跳转后原页面还在,可以通过wx.navigateBack返回。

  2. wx.redirectTo(OBJECT)

    关闭当前页面,跳转到应用内的某个页面。

     
    javascriptwx.redirectTo({
    url: 'pages/detail/detail?id=1'
    })

    区别:跳转后原页面被关闭,不能返回。

  3. wx.reLaunch(OBJECT)

    关闭所有页面,打开到应用内的某个页面。

     
    javascriptwx.reLaunch({
    url: 'pages/index/index'
    })

    区别:关闭所有页面,打开新页面,不能返回。

  4. wx.switchTab(OBJECT)

    跳转到 tabBar 页面,并关闭其他非 tabBar 页面。

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

    区别:只能跳转到 tabBar 页面,并关闭其他非 tabBar 页面。

  5. wx.navigateBack(OBJECT)

    关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。

     
    javascriptwx.navigateBack({
    delta: 1 // 返回上一页,如果 delta 大于现有页面数,则返回到首页
    })

    区别:它不是跳转到新页面,而是返回到上一页面或多级页面。

请注意,上面的URL路径通常是以pages/开头的相对路径,但在wx.switchTab中,如果是tabBar页面,可以使用绝对路径(以/开头)。

此外,还有一些其他与页面跳转相关的API,如wx.reOpenLaunchApp(小程序被用户从后台态切换到前台态时执行),但这并不直接用于页面跳转。

在实际开发中,应根据不同的场景和需求选择适合的跳转方式。

http://www.lryc.cn/news/401399.html

相关文章:

  • 翁恺-C语言程序设计-10-0. 说反话
  • langchain 入门指南(二)- 如何跟大模型对话
  • [集成学习]基于python的Stacking分类模型的客户购买意愿分类预测
  • FastApi地理坐标数据存取实践
  • Docker容器——初识Docker,安装以及了解操作命令
  • JavaSE从零开始到精通
  • 求解答word图标变白
  • Jenkins 离线升级
  • Unty 崩溃问题(Burst 1.8.2)
  • 【大型实战】企业网络实验(华为核心交换、ESXI7.0vmware虚拟机、DHCP中继、服务端网络及用户端网络配置)
  • vue2路由跳转是异步的
  • 第一阶段面试题总结
  • 设计模式(工厂模式,模板方法模式,单例模式)
  • ES6 对象的新增方法(十四)
  • Spring Boot 学习总结(34)—— spring-boot-starter-xxx 和 xxx-spring-boot-starter 区别?
  • 昇思训练营打卡第二十五天(RNN实现情感分类)
  • 昇思25天学习打卡营第02天|张量 Tensor
  • 权威认可 | 海云安开发者安全助手系统通过信通院支撑产品功能认证并荣获信通院2024年数据安全体系建设优秀案例
  • 24.7.10|暑假-数组题目:实现整数的数字反转【学习记录】
  • 【ceph】ceph集群-添加/删除mon
  • Django ORM中的Q对象
  • 相控阵雷达原理详解
  • 算法项目报告:物流中的最短路径问题
  • linux中 crontab 定时器用法
  • java算法day16
  • 华为HCIP Datacom H12-821 卷41
  • 【React Hooks原理 - forwardRef、useImperativeHandle】
  • 用于可穿戴传感器的人类活动识别、健康监测和行为建模的大型语言模型
  • react事件绑定
  • spring框架之AOP注解方式(java代码实例)