# Le modificateur v-on.native a été supprimé
breaking
# Vue d'ensemble
Le modificateur .native pour v-on a été supprimé.
# Syntaxe 2.x
Les écouteurs d'événements passés à un composant avec v-on sont par défaut uniquement déclenchés par l'émission d'un événement avec this.$emit. Pour ajouter un écouteur DOM natif à l'élément racine du composant enfant, le modificateur .native peut être utilisé :
<my-component
v-on:close="handleComponentEvent"
v-on:click.native="handleNativeClickEvent"
/>
2
3
4
# Syntaxe 3.x
Le modificateur .native pour v-on a été supprimé. En même temps, la nouvelle option emits permet à l'enfant de définir les événements qu'il émet effectivement.
Par conséquent, Vue ajoutera désormais tous les écouteurs d'événements qui ne sont pas définis comme des événements émis par les composants dans l'enfant comme des écouteurs d'événements natifs à l'élément racine de l'enfant (à moins que inheritAttrs : false ait été défini dans les options de l'enfant).
<my-component
v-on:close="handleComponentEvent"
v-on:click="handleNativeClickEvent"
/>
2
3
4
MyComponent.vue
<script>
export default {
emits: ['close']
}
</script>
2
3
4
5
# Stratégie de migration
- supprimez toutes les instances du modificateur
.native. - assurez-vous que tous vos composants documentent leurs événements avec l'option
emits.