当前位置: 首页 > 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(小程序被用户从后台态切换到前台态时执行),但这并不直接用于页面跳转。

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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 跨域的解决方案
  • SpringBoot集成MQTT实现交互服务通信
  • python 迭代器介绍 map() 函数
  • stm32入门-----EXTI外部中断(上 ——理论篇)
  • TDesign组件库日常应用的一些注意事项
  • 【Datawhale AI 夏令营2024--CV】深度学习入门
  • 泛微e-cology WorkflowServiceXml SQL注入漏洞(POC)
  • 基于嵌入式Linux的高性能车载娱乐系统设计与实现 —— 融合Qt、FFmpeg和CAN总线技术
  • 高职院校人工智能人才培养成果导向系统构建、实施要点与评量方法
  • Elasticsearch 角色和权限管理
  • 3.RabbitMQ安装-Centos7
  • 好用的AI搜索引擎
  • RISC-V在线反汇编工具
  • STM32 IAP 需要关注的一些事
  • 捷配总结的SMT工厂安全防静电规则
  • ComponentOne 2017 V2版本正式发布
  • CSS3 变换
  • Git同步原始仓库到Fork仓库中
  • hadoop集群管理系统搭建规划说明
  • Java的Interrupt与线程中断
  • Java教程_软件开发基础
  • JS正则表达式精简教程(JavaScript RegExp 对象)
  • Just for fun——迅速写完快速排序
  • laravel5.5 视图共享数据
  • leetcode46 Permutation 排列组合
  • Mysql数据库的条件查询语句
  • Nodejs和JavaWeb协助开发
  • nodejs实现webservice问题总结
  • python_bomb----数据类型总结
  • python学习笔记-类对象的信息
  • select2 取值 遍历 设置默认值
  • spring学习第二天
  • vue从创建到完整的饿了么(11)组件的使用(svg图标及watch的简单使用)
  • 闭包--闭包之tab栏切换(四)
  • 成为一名优秀的Developer的书单
  • 聚类分析——Kmeans
  • 设计模式走一遍---观察者模式
  • 深入浅出webpack学习(1)--核心概念
  • 一加3T解锁OEM、刷入TWRP、第三方ROM以及ROOT
  • Play Store发现SimBad恶意软件,1.5亿Android用户成受害者 ...
  • Prometheus VS InfluxDB
  • Semaphore
  • # Java NIO(一)FileChannel
  • #APPINVENTOR学习记录
  • #etcd#安装时出错
  • (03)光刻——半导体电路的绘制
  • (2024.6.23)最新版MAVEN的安装和配置教程(超详细)
  • (AngularJS)Angular 控制器之间通信初探
  • (MonoGame从入门到放弃-1) MonoGame环境搭建
  • (强烈推荐)移动端音视频从零到上手(下)
  • (五) 一起学 Unix 环境高级编程 (APUE) 之 进程环境
  • (转)nsfocus-绿盟科技笔试题目
  • ***检测工具之RKHunter AIDE
  • . ./ bash dash source 这五种执行shell脚本方式 区别
  • .\OBJ\test1.axf: Error: L6230W: Ignoring --entry command. Cannot find argumen 'Reset_Handler'