Vue js stop event from bubling

Question

I have 2 nested divs:

<div @click ="action1">
      <div @click.prevent ="action2($event)"></div>
</div>

I want when clicking on second div only action 2 to be fired: I tried to use this (but didn't help):

action2(event){
      event.preventDefault();

user2950593 · Accepted Answer · 2018-05-21 12:35:24Z

2

<div @click.stop >worked for me

answered May 21, 2018 at 12:35

user2950593

9,62719 gold badges76 silver badges141 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1