How to cancel the click on the parent component when clicking on the child?

Question

Vue.js

The handler of the parent component has the .native modifier, and the child component has the .stop modifier. When clicking on a child component, the handler of the parent component still fires, how can I fix it?

Answer 1

Try it @click="e => e.stopImmediatePropagation()"in a child component.