Как в vuejs при клике на дочерний элемент игнорировать клик на родительский?

Question

[alysenko]

Есть блок следующего вида:

<div @click="clickParent()">
  <div @click="clickChild()">
    click
  </div>
  ...
</div>

Как сделать, чтобы при клике на дочерний элемент не срабатывал клик на родителя?

Answer 1

[Алексей Ярков]

@click.stop
@click.prevent

Answer 2

[Антон]

@click.stop на дочернем. А на родительском @click.self если там есть свой обработчик