Vue.js

# Modificador v-on.native removido
breaking

# Visão Geral

O modificador .native para v-on foi removido.

# Sintaxe v2.x

Os escutadores de eventos passados ​​para um componente com v-on são por padrão apenas acionados pela emissão de um evento com this.$emit. Para adicionar um escutador nativo do DOM ao elemento raiz do componente filho, o modificador .native pode ser usado:

<my-component
  v-on:close="handleComponentEvent"
  v-on:click.native="handleNativeClickEvent"
/>
1
2
3
4

# Sintaxe v3.x

O modificador .native para v-on foi removido. Ao mesmo tempo, a nova opção emits permite que o filho defina quais eventos ele de fato emite.

Consequentemente, o Vue agora adicionará todos os escutadores de eventos que não são definidos como eventos emitidos por componentes no filho como escutadores de eventos nativos ao elemento raiz do filho (a menos que inheritAttrs: false tenha sido definido nas opções do filho).

<my-component
  v-on:close="handleComponentEvent"
  v-on:click="handleNativeClickEvent"
/>
1
2
3
4

MyComponent.vue

<script>
  export default {
    emits: ['close']
  }
</script>
1
2
3
4
5

# Estratégia de Migração

  • remova todas as instâncias do modificador .native.
  • certifique-se de que todos os seus componentes documentem seus eventos com a opção emits.

Sinalizador na compilação de migração: COMPILER_V_ON_NATIVE

# Veja também

← v-model →