Skip to content
The translation is synced to the docs on of which the commit hash is 8a7fb04.

Modificador v-on.native removido
rutura

Visão Geral

O modificador .native para v-on foi removido.

Sintaxe da 2.X

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

html
<my-component
  v-on:close="handleComponentEvent"
  v-on:click.native="handleNativeClickEvent"
/>

Sintaxe da 3.x

O modificador .native para v-on foi removido. Ao mesmo tempo, a nova opção emits permite o filho definir quais eventos realmente emitir.

Consequentemente, agora a Vue adicionará ouvintes de evento que não são definidos como eventos emitidos pelo componente no filho como ouvintes de evento nativo ao elemento de raiz do filho (a menos que inheritAttrs: false tivesse sido defino nas opções do filho):

html
<my-component
  v-on:close="handleComponentEvent"
  v-on:click="handleNativeClickEvent"
/>

MyComponent.vue

html
<script>
  export default {
    emits: ['close']
  }
</script>

Estratégia de Migração

  • Remover todas instâncias do modificador .native.
  • Garantir que todos os nossos componentes documentam os seus eventos com a opção emits.

Opção da Construção de Migração: COMPILER_V_ON_NATIVE

Consulte Também