uniapp中switch和select组件阻止chane事件冒泡的方法

ops/2024/9/24 14:23:19/

uni-app中,‌处理事件冒泡通常使用.stop修饰符来阻止事件冒泡。‌如果你想要在使用switch或select组件时阻止change事件冒泡,‌你可以在模板绑定事件时添加.stop修饰符。‌

示例
使用switch组件
html
Copy Code


<switch @change.stop=“switchChange” />

使用select组件(‌假设是一个自定义组件或类似行为)‌
html
Copy Code


<select @change.stop=“selectChange”>
Option 1
Option 2


注意
确保.stop修饰符紧跟在事件名之后,‌中间不要有空格。‌
如果.stop修饰符不起作用,‌可能是因为特定的组件或框架版本有差异,‌此时建议查看最新的官方文档或寻求社区的帮助。‌
在使用自定义组件时,‌确保自定义组件内部也正确处理了事件冒泡,‌否则可能需要在组件内部也使用.stop。‌

以上方法不好用时可以试试:

给需要change的标签父级元素加上 @tap.stop.prevent

javascript"><view @tap.stop.prevent><view><switch :checked="scope.row.status" @change="event=>switchChangeStatus(event, scope.row)" /></view><el-button link type="primary" size="small"@click="delZzp(scope.row)">删除</el-button></view>

http://www.ppmy.cn/ops/95957.html

相关文章

深入探讨 ElementUI 动态渲染 el-table

在前端开发中&#xff0c;表格是不可或缺的一部分。无论是数据展示、数据录入&#xff0c;还是数据分析&#xff0c;表格都扮演着重要的角色。而在 Vue.js 生态系统中&#xff0c;ElementUI 提供了一个强大且灵活的表格组件——el-table。本文将带你深入了解如何使用 ElementUI…

宠物行为:健康信号的早期预警

宠物&#xff0c;作为我们家庭中不可或缺的一部分&#xff0c;它们的健康同样需要我们细心呵护。宠物的行为变化&#xff0c;往往预示着健康问题的出现。而智能科技的融入&#xff0c;让这一过程变得更加科学和精准。 智能听诊器&#xff1a;宠物健康的守护者 智能听诊器&…

Unity 资源 之 功夫动画包(Kung-Fu animations),极致动作体验

震撼来袭&#xff01;Unity 功夫动画包&#xff0c;极致动作体验 一、前言二&#xff0c;资源包内容三、免费获取资源包 一、前言 这个动画包简直让人惊叹不已&#xff0c;它包含了多达 140 多种不同的动画&#xff01;想象一下&#xff0c;如此丰富的选择&#xff0c;几乎涵盖…

Delphi 实现JSON序列化和反序列化的功能以及源码探究

目录 一、JSON序列化和反序列化简介 二、Delphi序列化的两种方式 1、TJson的使用 2、TJsonSerializer的使用 3、使用注意事项 三、Delphi与GO序列化效率对比 1、GO语言JSON序列化方法 2、Delphi 与 GO 序列化效率对比 四、Delphi序列化源码初探 五、Delphi 序列化的优…

《AI音频类工具之九——Stable Audio​ 》

一.简介 官网:https://www.stableaudio.com/?utm_source=ai-bot.cn Stable Audio是一款由Stability AI开发的在线AI音乐制作工具,它利用先进的音频生成模型,为用户提供了一种全新的音乐创作方式。 二.功能介绍 文本到音频生成:用户可以通过输入描述性的文本提示来生成音…

2024.8.17

130124202408171002 DATE #:20240817 ITEM #:DOC WEEK #:SATURDAY DAIL #:捌月拾肆 TAGS < BGM "快哉风 -- 黄金玉米王" > < theme oi-language > < theme oi-graph theory > < [空] > < [空] >取次花丛懒回顾&#xff0c;半缘修道…

源码合集(day13 - day 18)

DAY13 力扣题 144.二叉树的前序遍历 题目链接:. - 力扣(LeetCode) 递归 class Solution { public:void dfs(TreeNode *cur,vector<int> &nums){if(cur == nullptr)return;nums.push_back(cur -> val);dfs(cur -> left, nums);dfs(cur -> right, nums)…

智慧校园信息化服务平台、基于微信小程序的校园服务管理系统

摘 要 本文论述了智慧校园信息化服务平台的设计和实现&#xff0c;该网站从实际运用的角度出发&#xff0c;运用了计算机网站设计、数据库等相关知识&#xff0c;基于 ssm框架和Mysql数据库设计来实现的&#xff0c;网站主要包括用户注册、用户登录、查看教室信息、校园趣事…