Vue: Equivalent for this.$listeners for native events?

[DM2489]

What problem does this feature solve?

Imagine a wrapper component where you need to pass events to a child component. This is possible for non native events using this.$listeners, but it strips out native events. It would be good if we had something like this.$nativeListeners so that we can pass native events down to child components as well.

In the meantime, Is there a workaround to pass events to child components?

What does the proposed API look like?

this.$nativeListeners

[posva]

Maybe something like inheritNativeListeners: true (that default to false) to go in pair with inheritAttrs

Native listeners are available in functional components but are passed to the root of the component in regular components

[DM2489]

Thanks for the reply! Is there a workaround to get the native events out of the root?

[posva]

not that i'm aware of

[sqal]

@DM2489

Is there a workaround to get the native events out of the root

You can access them in this.$vnode.data.nativeOn

[posva]

Note they will still be bound to the root element though and that you should avoid reading $vnode in general and never modify it