javascript - How to make the mouseOut event in vue.js bubble up.

Question

I added a mouseout event to the parent box b of box a. This event will always be triggered when the mouse enters box a (the absolute positioning of box a, I don’t know if it has any impact), but I hope that it will not be triggered when the mouse enters box a. Please give me some advice on how to resolve this incident~~

Answer 1

Add .prevent modifier

Answer 2

You can use the event modifier .self to modify it to indicate that only the bound dom itself is triggered. The native event is event.currentTarget.
Reference: https://cn.vuejs.org/v2/guide... event-amp-key modifier