catchtap 和 bindtap区别

做项目遇见的问题:

当你点击按钮触发事件后,当前用户和目标用户ID相同时,直接return,但是renturn时如何保证:

        整个界面的触发函数是toDetailsTap,点我私聊按钮的触发函数是handleChat,如何保证点击按钮,并且renturn时,不会触发toDetailsTap

<view  class="chat-button"data-url="../chat/chat?targetUserId={{item.memberId}}" bindtap="handleChat">
点我私聊</view>

 解决办法:

        可以使用 catchtap 替代 bindtap 来绑定按钮的点击事件。catchtap 会阻止事件向上冒泡,而 bindtap 不会 

    <view class="chat-button" data-url="../chat/chat?targetUserId={{item.memberId}}"catchtap="handleChat">  点我私聊 </view>
 handleChat: function(e) {// 获取当前用户IDlet userId = wx.getStorageSync('userInfo').id;// 获取目标用户IDconst targetUserId = e.currentTarget.dataset.url.split('targetUserId=')[1].split('&')[0];// 如果当前用户和目标用户ID相同,则显示提示并返回if(userId == targetUserId){wx.showToast({ title: '自己不能和自己私聊哦~',icon: 'none',duration: 2000});return;}else{// 如果不相同,则跳转到私聊页面const url = e.currentTarget.dataset.url; wx.navigateTo({url: url });}
},

总结:

        在微信小程序中,catchtapbindtap 是两种不同的事件绑定方式:

  1. bindtap:使用bindtap时,事件将被绑定到当前组件上,并且事件不会冒泡到父组件。换句话说,当你在一个子组件上使用 bindtap 时,点击事件只会在该子组件上触发,不会向父组件传递。

  2. catchtap:使用catchtap时,事件将被绑定到当前组件上,并且事件会冒泡到父组件。但是,使用 catchtap 绑定的事件处理函数如果返回 false,可以阻止事件向上冒泡,即事件不会传递到父组件。

        因此,当你需要在子组件上绑定点击事件,并且不希望事件冒泡到父组件时,可以使用 catchtap。而如果你希望事件能够冒泡到父组件,可以使用 bindtap

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

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

相关文章

Mysql数据在磁盘上的存储结构

一. 前言 一行数据的存储格式大致如下所示: 变长字段的长度列表&#xff0c;null值列表&#xff0c;数据头&#xff0c;column01的值&#xff0c;column02的值&#xff0c;column0n的值… 二. 变长字段 在MySQL里有一些字段的长度是变长的&#xff0c;是不固定的&#xff0c;…

Linux loadkeys命令教程:键盘布局的加载和修改(附实例详解和注意事项)

Linux loadkeys命令介绍 loadkeys命令是用于加载或修改键盘布局的。它通常在系统启动时被调用&#xff0c;用于加载适当的键盘布局。此命令非常有用&#xff0c;尤其是在需要切换不同键盘布局的情况下。 Linux loadkeys命令适用的Linux版本 loadkeys命令在大多数Linux发行版…

ContEA阅读笔记

Facing Changes: Continual Entity Alignment for Growing Knowledge Graphs 面对变化&#xff1a;不断增长的知识图谱的持续实体对齐 Abstract 实体对齐是知识图谱(KG)集成中一项基本且重要的技术。多年来&#xff0c;实体对齐的研究一直基于知识图谱是静态的假设&#xff…

人工智能的发展将如何重塑网络安全

微信搜索关注公众号网络研究观&#xff0c;获取更多信息。 人们很容易认为人工智能 (AI) 真正出现是在 2019 年&#xff0c;当时 OpenAI 推出了 ChatGPT 的前身 GPT-2。 但现实却有些不同。人工智能的基础可以追溯到 1950 年&#xff0c;当时数学家艾伦图灵发表了题为“计算机…

【DevOps】探索 Linux 的世界:文件系统和基本命令

目录 一、Linux文件系统 1、核心概念&#xff1a; 2、 文件系统类型 3、目录结构 4、权限与所有权 5、 符号链接与硬链接 二、文件系统相关linux命令 1、 ls 2、 cd 3、 pwd 4.、mkdir 5、rmdir 6、rm 7、mv 8、cp 9、 mount 10、 umount 一、Linux文件系统 …

MySql中深度分页的问题

什么是深度分页&#xff1f; MySql深度分页的问题&#xff0c;就是比如我们需要所查询出的表数据量较大&#xff0c;需要进行查询结果返回集的后面部分&#xff0c;所出现的性能问题。 比如说我们有一个一百万数据量的表&#xff0c;我们分页需要查询99990,10&#xff0c;数据库…

微信小程序如何使用svg矢量图标

微信小程序如何使用自定义SVG矢量图标 在微信小程序中&#xff0c;经常会用到小图标来装饰界面&#xff0c;我们常用的方法就是引用第三方的图标&#xff0c;但会存在收费或者找不到合适的图标&#xff0c;这时候我建议可以自行编写svg图标代码&#xff0c;就可以随心所欲的使…

【一起深度学习——kaggle叶子分类】

kaggle 叶子分类 目的&#xff1a;将叶子进行分类。实现步骤&#xff1a;1、数据处理&#xff1a;2、加载数据3、 定义残差块4、定义Resnet模型。5、定义训练以及评估函数&#xff1a;6、开始训练&#xff1a;7、输出结果&#xff1a; 目的&#xff1a;将叶子进行分类。 实现步…

知识图谱:人工智能的“核心驱动力”

知识图谱&#xff1a;人工智能的“核心驱动力” 一、人工智能与知识图谱二、知识图谱的定义与重要性三、知识图谱工程师的薪资情况四、知识图谱的应用领域六、知识图谱的未来展望七、总结 一、人工智能与知识图谱 人工智能&#xff08;AI&#xff09;作为21世纪的前沿技术&…

设备树与/sys/bus/platform/devices与/sys/devices目录关系

设备树与sys/bus/platform/devices sysfs文件系统中/sys/bus/platform/devices下的设备是由设备树生成&#xff0c; 根节点下有compatible的子节点都会在/bus/platform/devices生成节点 总线 I2C、SPI 等控制器会在/bus/platform/devices生成节点 总线 I2C、SPI 节点下的子节点…

Linux dumpkeys命令教程:详解键盘映射表的显示和操作(附案例详解和注意事项)

Linux dumpkeys命令介绍 dumpkeys命令在Linux中用于显示键盘映射表。它将键盘驱动的转换表的当前内容以keymaps(5)指定的格式写入标准输出。 Linux dumpkeys命令适用的Linux版本 dumpkeys命令在大多数Linux发行版中都可以使用&#xff0c;包括但不限于Debian、Ubuntu、Alpin…

牛客网刷题 | BC78 KiKi说祝福语

目前主要分为三个专栏&#xff0c;后续还会添加&#xff1a; 专栏如下&#xff1a; C语言刷题解析 C语言系列文章 我的成长经历 感谢阅读&#xff01; 初来乍到&#xff0c;如有错误请指出&#xff0c;感谢&#xff01; 描述 2020年来到了&#…

【Qt】按钮类控件

文章目录 1 :peach:Push Button:peach:2 :peach:Radio Buttion:peach:3 :peach:Check Box:peach:4 :peach:Tool Button:peach: 1 &#x1f351;Push Button&#x1f351; 使⽤ QPushButton 表⽰⼀个按钮&#xff0c;这也是当前我们最熟悉的⼀个控件了&#xff0c;QPushButton …

SOL链DApp智能合约代币质押挖矿分红系统开发

随着区块链技术的不断发展和普及&#xff0c;越来越多的项目开始探索基于区块链的去中心化应用&#xff08;DApp&#xff09;。Solana&#xff08;SOL&#xff09;作为一条高性能、低成本的区块链网络&#xff0c;吸引了众多开发者和项目&#xff0c;其中包括了各种类型的DApp&…

【DevOps】玩转 Google Cloud:项目切换与 K8s 集群访问

本篇博文将带您深入了解 Google Cloud Platform (GCP) 项目管理和 Kubernetes 集群访问的实用技巧。无论您是 GCP 新手还是经验丰富的云端开发者,都能从中获益匪浅。 目录 一、查看 Google Cloud 项目列表 方法一:使用 gcloud 命令行工具 方法二

02嵌入式面经

嵌入式面经 C语言的函数调用原理是什么&#xff1f; 栈帧&#xff08;Stack Frame&#xff09;&#xff1a; 在函数调用时&#xff0c;会创建一个新的栈帧&#xff0c;用于存储函数的局部变量、参数、返回地址以及其他相关信息。栈帧通常包括以下几个部分&#xff1a; 参数&…

Altium Designer——检查原理图库正确性并生成报告

一、方法&#xff1a; 1.打开原理图库&#xff1a; 2.点击菜单栏的报告选项&#xff1a; 3.选择器件规则检查&#xff1a; 根据需求勾选&#xff0c;一般都是全部勾选&#xff1a; 二、问题&#xff1a; 1.缺少封装会导致什么问题&#xff1a; 1.首先&#xff1a; 封装是…

MWeb Pro for Mac:功能强大的Markdown博客编辑器

MWeb Pro for Mac是一款功能强大的Markdown博客编辑器&#xff0c;专为Mac用户设计&#xff0c;提供了一站式的博客写作和发布体验。这款软件不仅支持Markdown语法&#xff0c;还提供了丰富的编辑和排版功能&#xff0c;让用户能够轻松创建出精美的博客内容。 MWeb Pro的即时预…

信号量线程池读者写者模型

前言 大家好&#xff0c;我是jiantaoyab&#xff0c;本篇文章接着给大家介绍线程有关的信号量及线程池的基本理解。 信号量 在计算机中&#xff0c;信号量就是个 0 以上的整数值&#xff0c;当为 0 时表示己无可用信号 &#xff0c;或者说条件不再允许&#xff0c;因此它表示…

重庆事业编5月7号开始报名⚠️报名照需审核

24年第二季度重庆事业编招聘 本次招聘实行网上报名。考生应按照招聘岗位要求&#xff0c;诚信、准确填写报考信息&#xff0c;并按网页提示上传电子材料&#xff08;含电子登记照&#xff0c;jpg格式&#xff0c;20kb以下&#xff09;。招聘方按照岗位报考要求&#xff0c;对考…