vue 阻止change事件冒泡

一、问题描述

点击switch开关，就会触发父级的collapse面板的点击事件进而展开面板，因业务需要想把二者的事件分开，解决办法就是阻止change事件的冒泡。

二、解决办法

父级添加@click.stop修饰符即可解决

                 <div class="switchStyle" @click.stop><div class="formLabel">海域确权</div><el-switchv-model="switchVal1"active-color="#13ce66"inactive-color="#B6B6B6"@change="(val) => handleSwitchAddLayer(val, 1)"/></div>

vue 阻止change事件冒泡相关推荐

jQuery中阻止hover事件冒泡
这里写自定义目录标题 jQuery中阻止hover事件冒泡前言冒泡示例冒泡效果阻止冒泡阻止冒泡效果总结 jQuery中阻止hover事件冒泡文章目录 jQuery中阻止hover事件冒泡 ...
阻止JavaScript事件冒泡到父元素
前言略问题有代码如下: <div class='preview_image_container'><div onclick='details(th ...
阻止jQuery事件冒泡
Query对DOM的事件触发具有冒泡特性.有时利用这一特性可以减少重复代码,但有时候我们又不希望事件冒泡.这个时候就要阻止 jQuery.Event冒泡. 在jQuery.Event 的文档中的开头 ...
javascript 停止事件冒泡以及阻止默认事件冒泡
停止事件冒泡 function stopBubble(e) {// 如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation ) {// 因此它 ...
java keydown事件_正确的方法来阻止keydown事件冒泡
在这里,我有窗口需要处理keydown事件中的不同键 . 当按下Enter时弹出文本框出现,文本键入此文本框不应该引发窗口keydown事件 . xmlns="http://schemas. ...
vue 事件上加阻止冒泡阻止默认事件
重点 vue事件修饰符  <a v-on:click.stop="doThis"></a><!-- 提交 ...
vue阻止冒泡和阻止默认事件
// An highlighted block <div @click.stop="doSomething()">vue阻止事件冒泡</div><di ...
JS、Vue、React阻止事件冒泡及阻止默认事件
JS阻止事件冒泡及阻止默认事件解决方案: 1.event.preventDefault -- 阻止默认 Event 接口的 preventDefault()方法,告诉user agent:如果此事件没 ...
Vue和Js的阻止事件冒泡和阻止默认事件方法
原生js取消事件冒泡 try{e.stopPropagation();//非IE浏览器}catch(e){window.event.cancelBubble = true;//IE浏览器} 原生js阻 ...

vue 阻止change事件冒泡

一、问题描述

二、解决办法

vue 阻止change事件冒泡相关推荐

最新文章

热门文章