Prevent on click on parent when clicking button inside div

Question

Is it possible to prevent the function on the

element from running when clicking the button inside the div?

When clicking the button element

Answer 1

Have a look at Event Modifiers in the Vue.js v2 docs (v3 docs here), v-on:click.stop will stop that click from propagating or "bubbling" up to the parent element.