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

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

在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

<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.mrgr.cn/news/5072.html

相关文章:

  • 科研绘图系列:Python语言时间趋势图
  • vue使用v-html保留原内容的缩进和换行
  • 预约咨询小程序搭建开发,uniapp前端,PHP语言开发
  • rabbitMQ安装与简单demo
  • EmguCV学习笔记 VB.Net 第6章 形状操作
  • Scratch编程环境:探索暗模式与可访问性选项的创新之路
  • html a标签打电话,发短信等。
  • vue 中 dist文件夹静态是什么意思(distribution)
  • STM中的I2C
  • 物联网设备字符串转串口指令-SAAS本地化及未来之窗行业应用跨平台架构
  • 【数据结构】堆排序
  • 如何优化企业网站的索引情况?
  • 常用API:object
  • Linux入门——09 共享内存
  • 计算机网络——TCP协议与UDP协议详解(下)
  • Ps:首选项 - 文件处理
  • PXE 高效批量网络装机
  • 未来城市的科技展望
  • 搭建Node.js后端
  • 【TB作品】普中V2,数字时钟万年历显示,音乐闹钟,流水灯,Proteus仿真