<a>标签有个onclick事件，里面有个<p>也有个onclick事件，想点击其中一个事件，不触发另一个事件

发布网友发布时间：2022-05-19 03:26

共3个回答

懂视网时间：2022-05-19 07:47

使用vue阻止子级元素的click事件冒泡，很简单，用stop

<div @click="test1()"> 
 <span @click.stop="test2()">按钮1</span> 
 <span>按钮2</span> 
</div>

这样点击div里面的按钮1，就不会触发div绑定时间test1()方法。

以上这篇vue中阻止click事件冒泡,防止触发另一个事件的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

热心网友时间：2022-05-19 04:55

冒泡事件，如在一个按钮是绑定一个”click”事件，那么”click”事件会依次在它的父级元素中被触发。stopPropagation就是阻止目标元素的事件冒泡到父级元素。你去搜一下怎么阻止冒泡应该就可以解决你的问题了

热心网友时间：2022-05-19 06:13

点击b时候，阻止冒泡

&lt;a&gt;标签有个onclick事件，里面有个&lt;p&gt;也有个onclick事件，想点击其中一个事件，不触发另一个事件