微信小程序事件点击跳转页面的五种方法

news2025/2/4 19:38:20

第一种:标签
这是最常见的一种跳转方式,相当于html里的a标签

<navigator url="/pages/main/main"></navigator>

第二种:wx.navigateTo({})方法
1.前端wxml

   <button  bindtap="getCeshi" type="primary"> 测试按钮 </button>

2.js应用

// 测试按钮点击事件处理函数
Page({
		data: {
		  },
	  getCeshi() {
	    wx.navigateTo({
	      url: '/pages/main/main',
	    })
	  }
  })

第三种:wx.redirectTo({})
功能描述: 关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
类似于页面跳转时 重定向页面,类似于html中的 window.open(‘…’);跳转后左上角出现返回小箭头,点击后可返回原本页面.


Page({
		data: {
		  },
	  getCeshi() {
	    wx.redirectTo({
		  url: 'test?id=1'
		})
	  }
  })

第四种:wx.switchTab({})
功能描述 跳转到 tabBar ()页面,并关闭其他所有非 tabBar 页面,该方法只能跳转tabbar页面
TabBar,中文叫标签栏、底部tab栏、底部导航等等。TabBar 中的各个页面是并列关系,并且只能选中一个。选中时,标签会高亮。,且左上角不会出现返回箭头
![在这里插入图片描述](https://img-blog.csdnimg.cn/0695e489f142457884b7a8ac51a39231.png
在这里插入图片描述

Page({
		data: {
		  },
	  getCeshi() {
	    wx.switchTab({
		  url: '/index'
		})
	  }
  })

第五种:wx.reLaunch({})

功能描述 关闭所有页面,打开到应用内的某个页面.且左上角不会出现返回箭头。

Page({
		data: {
		  },
	  getCeshi() {
	   wx.reLaunch({
		  url: 'test?id=1'
		})
	  }
  })

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/761790.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

基于SpringBoot+vue的外卖点餐系统设计与实现

博主介绍&#xff1a; 大家好&#xff0c;我是一名在Java圈混迹十余年的程序员&#xff0c;精通Java编程语言&#xff0c;同时也熟练掌握微信小程序、Python和Android等技术&#xff0c;能够为大家提供全方位的技术支持和交流。 我擅长在JavaWeb、SSH、SSM、SpringBoot等框架…

【Android知识笔记】应用进程(二)

Service的启动原理 向AMS发送startService请求 startService时会首先拿到AMS的Binder代理对象,向AMS发起startService请求: AMS处理startService请求 接下来看AMS端处理应用的startService请求: 回忆一下应用进程启动流程: 接下来看如果Service所在应用进程没有启动的情…

GitLab 私有 Go Modules 的搭建配置

配置步骤 配置 GitLab Access Token 将 GitLab Access Token 写入到 ~/.netrc 文件里(也就是根目录下的 .netrc 文件),没有则新建,并写入内容:machine git.tenorshare.cn login ${USER_NAME} password ${GITLAB_ACCESS_TOKEN},其中 ${USER_NAME} 是GitLab 用户名,${GIT…

K8S的部署项目流程

步骤 &#xff08;1&#xff09;条件准备 &#xff08;2&#xff09;制作镜像 &#xff08;3&#xff09;docker启动程序 &#xff08;4&#xff09;启动制作好的镜像&#xff0c;看是否可以访问 &#xff08;5&#xff09;上传镜像到镜像容器中&#xff08;如&#xff1a;阿里…

Hive最全总结,学习与面试,看这一篇就行了!

废话不多说,上题: 1.Hadoop中两个⼤表实现join的操作,简单描述。 (1)Hive中可以通过分区来减少数据量;(2)还可以通过优化HQL语句,⽐如只查询需要的字段,尽量避免全表、全字段查询; 2.Hive中存放是什么? 表。存的是和hdfs的映射关系,hive是逻辑上的数据仓库,…

使用docker安装portainer

portainer是一个非常好用的docker可视化工具&#xff0c;这篇文章就介绍一下怎么使用docker来安装portainer。 第一步&#xff1a;在docker仓库查找portainer的版本 docker search portainer 我们可以看到&#xff0c;第一个portainer/portainer的描述中说了&#xff0c;这个仓…

【数据架构实践】Netflix 万亿级实时数据基础架构的四个创新阶段

Netflix 是一个很棒的地方&#xff0c;周围有许多了不起的同事。我为参与将共同信念变为现实的旅程中的每个人感到无比自豪。我想花点时间分享一下团队的主要成就&#xff1a; 我们在 Netflix 的所有组织中将流数据用例从 0 增加到 2000 多个。我们构建和发展了成功的产品&…

【Spring框架】getBean的更多用法

目录 用法1&#xff1a;根据名称获取Bean对象用法2&#xff1a;根据类型获取Bean对象用法3&#xff1a;根据名称类型来获取Bean对象 用法1&#xff1a;根据名称获取Bean对象 UserService userService (UserService)context.getBean("user");用法2&#xff1a;根据类…

如何利用量比和换手率?

1 量比 有人说&#xff0c;量比指标是盘口语言的翻译器&#xff0c;堪称股市风向标&#xff01;这一说法究竟从何而来&#xff0c;量比大小到底意味着什么呢&#xff1f; 量比是衡量相对成交量的指标。它是指股市开市后平均每分钟的成交量与过去5个交易日平均每分钟成交量之比…

【高并发网络通信架构】4.高效事件驱动模型:Reactor 模型

目录 一&#xff0c;往期文章 二&#xff0c;基本概念 1.前言 2.基本框架 3.核心特征 4.工作流程 5.用“网络通信”来理解 Reactor 模型 三&#xff0c;代码实现 1.使用 epoll 进行多路复用实现 Reactor 模式的操作流程 2.Reactor 模式实现代码&#xff08;参考&…

【SQL】Your password has expired. To log in you must change it.......

在配置SQL的编辑器的时候&#xff0c;连接过程出现了如下的错误&#xff1a; Your password has expired. To log in you must change it using a client that supports expired passwords.当连接到 SQL 时&#xff0c;如果出现 “Your password has expired. To log in you m…

【LSTM】理解LSTM

原文&#xff1a;https://colah.github.io/posts/2015-08-Understanding-LSTMs/ 递归神经网路 Humans don;t start their thinking from scratch every second. 人类都不是每一秒都从零开始思考。 from scratch 从零开始 当你读到这篇文章时&#xff0c;你理解每个单词时&a…

会议音响系统麦克风阵列波束形成算法C语言实现

+v hezkz17进数字音频系统研究开发交流答疑 一 应用麦克风阵列波束成形算法做的项目产品 二 麦克风波束形成技术应用领域? 麦克风波束形成技术是一种利用多个麦克风阵列来实现声音定向捕捉和增强的技术。通过对多个麦克风信号进行处理和合成,可以使麦克风系统在特定方向…

【Matlab】智能优化算法_蚁群优化算法ACO

【Matlab】智能优化算法_蚁群优化算法ACO 1.背景介绍2.废话不多说&#xff0c;直接上代码3.文件结构4.详细代码及注释4.1 ACO.m4.2 createColony.m4.3 createGraph.m4.4 drawBestTour.m4.5 drawGraph.m4.6 drawPhromone.m4.7 ACO.mfitnessFunction.m4.8 rouletteWheel.m4.9 upd…

ubuntu创建多用户并使用ssh链接

添加多个同时登录的用户 以下内容中的“username”根据自己需求自己定义 1.创建新用户 sudo useradd username2.给新用户添加管理权限 sudo vim /etc/sudoers打开的文件中添加如下内容 username ALL(ALL:ALL) ALL3.设置密码 输入&#xff1a; sudo passwd username打开的…

使用golang+antlr4构建一个自己的语言解析器

Goland 中Antlr4插件 在goland中安装Antlr4插件&#xff0c;用于识别输入的字符在在语法文件中生成的语法树的样子&#xff0c;大概就是如下的摸样 下载步骤&#xff1a; 1.点击文件中的设置选项 2.在插件目录下输入Antlr4搜索插件 3.点击安装即可 编写自己的语言语法文件…

DDD落地实践复盘 - 记理论培训事件风暴

DDD毕竟是一个指导方法&#xff0c;想落地扎根还是需要很多尝试的&#xff0c;笔者整理了一下在部门内践行推广之初的复盘小结&#xff0c;这可能是多数团队在推广DDD时都会遇到的问题&#xff0c;希望能对大家有所帮助。 DDD在部门进行两次尝试&#xff0c;一次是PPT培训&…

HarmonyOS学习路之方舟开发框架—学习ArkTS语言(基本语法 三)

页面和自定义组件生命周期 在开始之前&#xff0c;先明确自定义组件和页面的关系&#xff1a; 自定义组件&#xff1a;Component装饰的UI单元&#xff0c;可以组合多个系统组件实现UI的复用。页面&#xff1a;即应用的UI页面。可以由一个或者多个自定义组件组成&#xff0c;E…

springMVC(四)—— 简化配置之不用再写@Repository类

这种简化配置的方法在下面这篇博客中已经用到了&#xff0c;但是因为太重要了&#xff0c;所以把他单独拿出来讲。 springMVC&#xff08;三&#xff09;—— 整合SSM框架_玛丽莲茼蒿的博客-CSDN博客IDEAtomcat 8。https://blog.csdn.net/qq_44886213/article/details/1316570…

【六袆 - Java】Kafka的由来,Kafka创始人,Kafka企业级应用开发;Kafka是一种分布式流处理平台和消息队列系统;

kafka是一门什么技术&#xff1f; Kafka是一种分布式流处理平台和消息队列系统&#xff0c;用于解决高吞吐量、低延迟的数据处理和消息传递问题。它最初由LinkedIn开发&#xff0c;旨在应对LinkedIn在大规模社交网络中处理实时数据流的需求。 它的由来 Kafka的历史可以追溯到…