阻止switch开关的事件冒泡

在做项目的时候遇到了switch和祖父元素事件冒泡的问题。刚开始想的解决办法是在change里面加e.preventDefault来阻止，然鹅不生效。就抱着试一试的方法在switch的父元素加上stop试试，竟然成功了。

<view v-for="(item, index) in deviceList" :key="index"  @tap="airPanel(item, deviceType)" ><view class="device-switch" @tap.stop.prevent> <switch @change="deviceSwitch($event, index, deviceType)" :checked="item.isOpen == 1" ></switch></view>
</view>

在switch的父标签加@tap.stop.prevent阻止事件冒泡。

阻止switch开关的事件冒泡相关推荐

jquery阻止默认行为_Jquery 事件冒泡以及阻止默认事件
1.e.preventDefault()阻止事件默认行为 e.preventDefault();----根据英文意思,如:xx $("#xx").click(function(e) ...
jQuery 中的事件冒泡和阻止默认行为
jQuery 中的事件冒泡和阻止默认行为参考资料: <锋利的jQuery> 作者:单东林张晓菲魏然出版社: 人民邮电出版社 1.事件冒泡 [javascript] vi ...
事件冒泡，阻止事件冒泡
什么是事件冒泡,怎么阻止事件冒泡冒泡 html <!DOCTYPE html> <html lang="en"><head><meta ...
JS的冒泡和如何阻止事件冒泡
JS冒泡原理是指当发生一个事件时,该事件会从最内层的元素开始向外传播,直到传播到最外层的元素.例如,当一个按钮被点击时,该事件会从该按钮元素开始,沿着DOM树向上冒泡,直到传达到document对象. ...
事件冒泡之cancelBubble和stoppropagation的区别
事实上stoppropagation和cancelBubble的作用是一样的,都是用来阻止浏览器默认的事件冒泡行为. 不同之处在于stoppropagation属于W3C标准,试用于Firefox等浏 ...
JavaScript事件冒泡和事件委托
JavaScript事件冒泡和事件委托付建宇 - 2 条评论接触JavaScript不久,学的东西也不是特别多.小雨就是习惯把平时学到的东西拿出来分享.一方面加强自己的印象,一方面可以让自己的经验 ...
event事件冒泡之cancelBubble和stoppropagation的区别
事实上stoppropagation和cancelBubble的作用是一样的,都是用来阻止浏览器默认的事件冒泡行为. 不同之处在于stoppropagation属于W3C标准,试用于Firefox等浏 ...
事件冒泡、事件捕获、http与https
事件流.事件冒泡.事件捕获.阻止事件冒泡.http与https 目录事件流.事件冒泡.事件捕获.阻止事件冒泡.http与https 一.事件流二.事件冒泡三.事件捕获四.阻止事件冒泡五.取消 ...
JS事件冒泡之cancelBubble和stoppropagation
什么是事件冒泡? 在一个对象上绑定了某类事件 (如:onclick),事件冒泡就是从当前触发的事件,由里到外,逐渐向父级对象传播,直到document为止. 其实stopPropagation的作用跟 ...

阻止switch开关的事件冒泡

阻止switch开关的事件冒泡相关推荐

最新文章

热门文章