Vue: Eventos personalizados:<child v-on:child-msg="handleIt"/>

Criado em 18 jun. 2016  Â·  3Comentários  Â·  Fonte: vuejs/vue

Versão Vue.js

1.0.25

Link de reprodução

https://jsfiddle.net/oL5qyky9/

Passos para reproduzir

Pressione o botão de evento de despacho

O que é esperado?

alert('tratei disso')

O que está realmente acontecendo?

alert('handleIt não foi executado');

Depois de alterar de childMsg de volta para child-msg , ele se comporta conforme o esperado.

Comentários muito úteis

Porque você alterou child-msg no exemplo para childMsg . Observe que ao usar v-on no modelo, o nome do evento será transformado em letras minúsculas pelo navegador. Isso faz parte das restrições de análise do modelo 1.x, portanto, evite usar letras maiúsculas em nomes de eventos em 1.x.

2.0 não tem essa limitação.

Todos 3 comentários

Remover o 'obj de eventos' do pai fez o truque:

https://jsfiddle.net/oL5qyky9/2/

Eu acho que os eventos obj com a chave 'child-msg' estavam 'sobrescrevendo' o método bind no template.

Porque você alterou child-msg no exemplo para childMsg . Observe que ao usar v-on no modelo, o nome do evento será transformado em letras minúsculas pelo navegador. Isso faz parte das restrições de análise do modelo 1.x, portanto, evite usar letras maiúsculas em nomes de eventos em 1.x.

2.0 não tem essa limitação.

Ahhh isso faz sentido. Obrigado rapazes.

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

loki0609 picture loki0609  Â·  3Comentários

wufeng87 picture wufeng87  Â·  3Comentários

bdedardel picture bdedardel  Â·  3Comentários

hiendv picture hiendv  Â·  3Comentários

seemsindie picture seemsindie  Â·  3Comentários