Native listener on VueEcharts Component does not work in Vue 3 about vue-echarts HOT 4 CLOSED

This is the expected behavior in Vue 3.

See https://v3-migration.vuejs.org/breaking-changes/v-on-native-modifier-removed.html

from vue-echarts.

@Justineo Not an expected behavior. In Vue 3, we do not need .native modifier and the listener will automatically become a native event listener if this event is not defined in component

Here in Vue-Echarts, the listener just does not work, instead of falling back to an effective native event listener

from vue-echarts.

Ah I see, inheritAttrs: false is set in Vue ECharts. Why turn this off?
https://github.com/ecomfe/vue-echarts/blob/311d588850b83debbea7f1e501f8ceddf7abec5f/src/ECharts.ts#L73C17-L73C22

How can I use native event listener on VChart in Vue 3 🤔， without wrapping an element around every v-chart?

from vue-echarts.

Vue-Echarts is delegating all events to ECharts itself and that's why it doesn't work (so that you can bind ECharts events directily like <v-chart @datazoom="..." />). You cannot do that with Vue 2 without a .native modifier either. Currently you need to an HTML element as a wrapper to bind events like mouseenter.

from vue-echarts.