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

uniapp中u-switch子组件点击触发到父组件（阻止事件冒泡）

news 2026/5/23 12:35:10

解决方法：在u-switch 外面包一个view标签，并使用@tap.stop.prevent 可以阻止事件冒泡

.stop 阻止事件继续传播到父元素，prevent阻止事件默认行为

<view @tap.stop.prevent><u-switch v-model="val_switch" @change="change_switch" :asyncChange="true" space="2" size="24"></u-switch>
</view>

知识点补充：

1.事件冒泡：当一个元素的事件被触发时，会沿着父元素向上传递，直到根元素

2. 阻止事件冒泡常用的事件修饰符：

  • .stop: 阻止事件继续传播，阻止事件冒泡
  • .prevent: 阻止事件的默认行为
  • .capture: 使用事件捕获（从根节点开始向下传播）
  • .self: 只在当前元素触发函数

3. uniapp 中 @tap和@click的区别：

  • @tap 是组件触摸后立即会触发，没有延迟，会有事件穿透，适用于移动端开发
  • @click 是组件点击触发，有300ms 延迟，
  • 在微信小程序中 @tap 最终会转为 @click

相关文章：

uniapp中u-switch子组件点击触发到父组件（阻止事件冒泡）

解决方法&#xff1a;在u-switch 外面包一个view标签&#xff0c;并使用tap.stop.prevent 可以阻止事件冒泡 .stop 阻止事件继续传播到父元素&#xff0c;prevent阻止事件默认行为 <view tap.stop.prevent><u-switch v-model"val_switch" change"cha…...

编程日记 2024/1/17 9:59:04

2024“华数杯”（A题）|放射性废水扩散|国际大学生数学建模竞赛建模解析，小鹿学长带队指引全代码文章与思路

我是小鹿学长&#xff0c;就读于上海交通大学&#xff0c;截至目前已经帮200人完成了建模与思路的构建的处理了&#xff5e; 完整内容可以在文章末尾领取&#xff01; 这回带大家体验一下2024“华数杯”国际大学生数学建模竞赛呀&#xff01; 此题涉及到放射性废水从日本排放…...

编程日记 2024/1/17 9:57:01

EtherCAT主站SOEM -- 16 --Qt-Soem通过界面按键控制电机转圈圈PV模式

EtherCAT主站SOEM -- 16 --Qt-Soem通过界面按键控制电机转圈圈 0 QT-SOEM视频预览及源代码下载：0.1 QT-SOEM视频预览0.2 QT-SOEM源代码下载1 程序文件修改替换1.1 allvalue.h1.2 motrorcontrol.h1.3 mainwindow.cpp1.4 motrorcontrol.cpp2 ui界面显示该文档修改记录：总结上下…...

编程日记 2024/1/17 9:51:55

芯品荟 | 电脑机箱键盘副屏市场调研报告

一.产品简介 1.带TFT彩屏电脑机箱 2.带小TFT彩屏电脑键盘 为什么电脑机箱&键盘&#xff0c;要带屏&#xff1f; 带屏的电脑机箱&键盘客户群体? 电竞玩家、设计师、电子发烧友、股民...... 二、市场规模 中国电脑机箱年产量约6000万台&#xff0c;键盘年产量约3亿…...

编程日记 2024/1/17 9:49:53

Mysql root 密码重置详解

文章目录 1 概述1.1 前言1.2 mysql 版本查询 2 windows 操作系统2.1 mysql 8 及以上版本2.1.1 关闭 mysql 服务2.1.2 通过无认证方式启动 mysql2.1.3 新开窗口&#xff0c;登录 mysql&#xff0c;重置密码 1 概述 1.1 前言 不同的操作系统&#xff08;如&#xff1a;windows、…...

编程日记 2024/1/17 9:48:52

微信小程序：发送小程序订阅消息

文档&#xff1a;小程序订阅消息&#xff08;用户通过弹窗订阅&#xff09;开发指南 目录 步骤一&#xff1a;获取模板 ID步骤二&#xff1a;小程序端获取参数2.1、获取消息下发权限2.2、获取登录凭证&#xff08;code&#xff09; 步骤三&#xff1a;后端调用接口下发订阅消息…...

编程日记 2024/1/17 9:47:51

ROS第 6 课 编写简单的订阅器 Subscriber

文章目录 第 6 课 编写简单的订阅器 Subscriber1. 编写订阅者节点2. 测试发布者和订阅者 第 6 课 编写简单的订阅器 Subscriber 订阅器是基于编辑了发布器的基础上创建的&#xff0c;只有发布了消息&#xff0c;才有可能订阅。若未编辑发布器&#xff0c;可前往"ROS第5课 …...

编程日记 2024/1/17 9:44:48

网络安全技术新手入门：利用永恒之蓝获取靶机控制权限

目录 前言 一、搜索永恒之蓝可用模块 二、使用攻击模块 三、配置攻击模块 四、攻击 五、总结 前言 相关法律声明&#xff1a;《中华人民共和国网络安全法》第二十七条 任何个人和组织不得从事非法侵入他人网络、干扰他人网络正常功能、窃取网络数据等危害网络安全的活动&…...

编程日记 2024/1/17 9:42:46

MYSQL高性能索引

正确的选择和创建索引是实现高性能查询的基础&#xff0c;以下是高效使用索引的方法 演示的sql 独立的列 独立的列指的是索引既不是表达式的一部分也不是函数的参数。 mysql> select actor_id from actor where actor_id 1 5;mysql> SELECT actor_id FROM actor WHER…...

编程日记 2024/1/17 9:41:45

2024年华数杯国际赛A题赛题

问题A&#xff1a;来自日本的放射性废水 背景 2011年3月&#xff0c;日本东海岸发生的地震引发了福岛第一核电站的事故。一场大规模海啸摧毁了该核电站的冷却系统&#xff0c;导致三个核反应堆熔毁&#xff0c;核燃料碎片熔化。为了冷却熔化的核燃料&#xff0c;海水不断地注入…...

编程日记 2024/1/17 9:40:44

EMC整改

生产的工艺一致性&#xff0c;所使用元器件的一致性,实验室测试设备不确定度&#xff0c;传导骚扰的整改至少要有4dB的裕量&#xff1b;辐射骚扰的整改至少要有6dB的裕量。 电压波动和闪烁&#xff1a; 对一般开关电源来说很少出现电压波动和闪烁项目超标。若该项目出问题,很大…...

编程日记 2024/1/17 9:39:43

uniCloud ---- uni-captch实现图形验证码

目录 用途说明 组成部分 目录结构 原理时序 云端一体组件介绍 验证码配置&#xff08;可选&#xff09;&#xff1a; 普通验证码组件 公共模块 云函数公用模块 项目实战 创建云函数 创建注册页 创建云函数 关联公用模块 uni-captcha 刷新验证码 自定义实现 验…...

编程日记 2024/1/17 9:38:41

LLaMa2 Chat gpt 大模型本地部署初体验

一直想在自己电脑或者测试环境随便找台服务器尝试部署一下“大模型”&#xff0c;但“大模型”对于内存和GPU的要求令人望而却步&#xff0c;层出不穷的各种术语也令人困惑&#xff0c;有点难以下手。 经过一段时间&#xff0c;在百度千帆大模型平台、讯飞星火大模型平台、魔搭…...

编程日记 2024/1/17 9:37:39

leetcode-344. 反转字符串、9. 回文数

题目1&#xff1a; 解题方法 直接用reverse()即可 代码&#xff1a; class Solution(object):def reverseString(self, s):""":type s: List[str]:rtype: None Do not return anything, modify s in-place instead."""return s.reverse()如果不…...

编程日记 2024/1/17 9:34:36

卖二手的教训：坏了要及时售后

自去年12月开始&#xff0c;把手头闲置或坏的电子产品&#xff08;CPU风扇&#xff0c;充电宝&#xff0c;台灯等&#xff09;&#xff0c;统统卖掉了。每个还是赚钱了&#xff0c;不多&#xff0c;主要就是想卖掉&#xff0c;好的继续发挥余热&#xff0c;坏的有人修好利用。 …...

编程日记 2024/1/17 9:30:32

记录下载安装rabbitmq（Linux） 并整合springboot--详细版（全）

下载rabbitmq&#xff08;Linux&#xff09;&#xff1a; erlang压缩包&#xff1a; https://share.weiyun.com/TGhfV8eZ rabbitMq-server压缩包&#xff1a; https://share.weiyun.com/ZXbUwWHD &#xff08;因为RabbitMQ采用 Erlang 实现的工业级的消息队列(MQ)服务器&#…...

编程日记 2024/1/17 9:29:31

算法学习系列（二十二）：最短路问题

目录 引言一、最短路问题二、朴素Dijkstra算法三、堆优化版的Dijkstra算法四、Bellman-Ford算法五、SPFA算法六、Floyd算法 引言 这个最短路问题可以说是图论当中的基础问题&#xff0c;不管你干什么只要涉及图论中的问题的话&#xff0c;最短路问题都是你不可避免的&#xff…...

编程日记 2024/1/17 9:28:29

【Spring Boot】SpringMVC入门

1.什么是springMVC MVC就是把一个项目分成了三部分&#xff1a; MVC是一种思想。Spring进行了实现,称为Spring MVC。SpringBoot是创建SpringMVC项目的一种方式而已。springMVC对于MVC做出了一些改变&#xff1a; 当前阶段,MVC的概念又发生了一些变化,后端开发人员不涉及前端页…...

编程日记 2024/1/17 9:25:25

itextpdf 之 html 转 pdf 问题处理

1. Font Provider contains zero fonts. At least one font shall be present 此问题出现的原因是 字体设置不成功&#xff0c;解决方法就是排查设置字体的代码。 需要特别注意的是项目打包后项目中所有文件层次会出现变动&#xff0c;使用何种方式获取字体文件会直接影响到字…...

编程日记 2024/1/17 9:22:22

关于tex中的表格设置

文章目录 控制表格列宽和行高控制表格列宽的同时实现居中tex中多表格排列单元格的合并与分割对单个单元格进行操作 控制表格列宽和行高 将下面的代码放在table环境内&#xff0c;放在tabular环境外 调整表格宽度和高度&#xff1a; \resizebox{\textwidth}{2cm}{%第一个{}是表…...

编程日记 2024/1/17 9:19:19

如何用Shutter Encoder解决专业视频工作流中的格式兼容性问题：5步完整指南

如何用Shutter Encoder解决专业视频工作流中的格式兼容性问题&#xff1a;5步完整指南 【免费下载链接】shutter-encoder A professional video compression tool accessible to all, mostly based on FFmpeg. 项目地址: https://gitcode.com/gh_mirrors/sh/shutter-encoder …...

编程新知 2026/5/23 12:35:07

大模型零样本学习新突破：USP自适应提示方法原理与实践

1. 项目概述&#xff1a;当大模型“自学成才”成为可能作为一名长期在自然语言处理&#xff08;NLP&#xff09;一线摸爬滚打的从业者&#xff0c;我见过太多关于大语言模型&#xff08;LLMs&#xff09;的“神话”与“现实”之间的落差。其中最让我头疼的一个现实就是&#xf…...

编程新知 2026/5/23 7:14:05

四类高危漏洞的工程化修复：XSS、越权、反序列化与硬编码密钥治理

1. 这不是“打补丁”&#xff0c;而是重构安全认知的起点很多人把代码审计后的漏洞修复&#xff0c;当成开发流程末尾一个不得不做的收尾动作——改几行代码、加个过滤、套个函数&#xff0c;提交、测试、上线&#xff0c;完事。我干了十多年安全审核和开发支持&#xff0c;亲手…...

编程新知 2026/5/23 5:16:36

终极网页资源下载神器：ResourcesSaverExt完整操作指南

终极网页资源下载神器&#xff1a;ResourcesSaverExt完整操作指南 【免费下载链接】ResourcesSaverExt Chrome Extension for one click downloading all resources files and keeping folder structures. 项目地址: https://gitcode.com/gh_mirrors/re/ResourcesSaverExt …...

编程新知 2026/5/23 4:36:49

JWT权限治理：从无状态凭证到可管控权限单元

1. 这不是又一个“登录后跳转首页”的玩具项目JWT在Java Web权限控制里被讲烂了&#xff0c;但绝大多数人写的所谓“基于JWT的系统”&#xff0c;其实连Token刷新都靠前端定时重登&#xff0c;后端连黑名单都没建&#xff0c;更别提并发登出、设备绑定、权限粒度动态变更这些真…...

编程新知 2026/5/23 3:34:08

NHSE存档编辑器深度解析：解锁动物森友会游戏数据修改的终极指南

NHSE存档编辑器深度解析&#xff1a;解锁动物森友会游戏数据修改的终极指南 【免费下载链接】NHSE Animal Crossing: New Horizons save editor 项目地址: https://gitcode.com/gh_mirrors/nh/NHSE NHSE&#xff08;New Horizons Save Editor&#xff09;是一款专业的《…...

编程新知 2026/5/23 3:15:30

【NotebookLM显著性判断实战指南】：20年AI架构师亲授5大误判陷阱与3步精准验证法

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;NotebookLM显著性判断的核心概念与本质认知 NotebookLM 是 Google 推出的基于用户上传文档进行语义理解与对话生成的实验性 AI 工具&#xff0c;其“显著性判断”并非传统统计学中的 p 值检验&#xff…...

编程新知 2026/5/23 3:15:30

2026武汉美术艺考培训机构排名出炉，家长择校必看！

在美育教育持续受重视的背景下&#xff0c;美术高考成为众多学子升学的重要渠道。武汉作为华中美育核心城市&#xff0c;美术培训机构已超 300 家&#xff0c;市场竞争激烈。据湖北省教育考试院 2026 年湖北美术联考数据&#xff0c;全省美术考生超 1.8 万人&#xff0c;武汉占…...

编程新知 2026/5/23 1:52:25

FlashAttention 深度解读：让大模型注意力机制“一口气算完“

FlashAttention&#xff1a;让大模型注意力机制"一口气算完" 想象你在厨房做菜。冰箱在远处&#xff08;HBM&#xff0c;高带宽内存&#xff09;&#xff0c;料理台在面前&#xff08;SRAM&#xff0c;片上缓存&#xff09;。每次要切菜&#xff0c;都得走过去开冰箱…...

编程新知 2026/5/22 23:18:08

UE5 GAS中安全修改Attribute值的四种正确方式

1. 这不是简单的“赋值操作”&#xff0c;而是GAS系统中一次精准的属性干预在UE5的Gameplay Ability System&#xff08;GAS&#xff09;架构下&#xff0c;修改一个Attribute的值——比如让角色的生命值从100变成120&#xff0c;或者让法力值在施法后扣减30点——表面看只是调…...

编程新知 2026/5/22 21:55:28