vue中阻止事件冒泡

当我们在父子级都加上点击事件时,此时点击子级事件,父级事件也会执行。这是因为事件冒泡,因此我们需要阻止事件冒泡,在vue中,vue.js提供了一个方法。

@click.stop

使用方式:

 @click.stop="son" 阻止了button的事件冒泡行为。因此当我们点击son的时候,father事件不会执行。

你可能感兴趣的:(事件冒泡,阻止事件冒泡,vue,js)