Prevent on click on parent when clicking button inside div

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