Vue: Eventos personalizados:<child v-on:child-msg="handleIt"/>
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.
gkiely
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.
marceloadsj
em 18 jun. 2016
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.
yyx990803
em 18 jun. 2016
Ahhh isso faz sentido. Obrigado rapazes.
gkiely
em 19 jun. 2016
Questões relacionadas
alenyu
·
43Comentários
smolinari
·
116Comentários
wenLiangcan
·
39Comentários
yyx990803
·
210Comentários
karevn
·
42Comentários
Comentários muito úteis
Porque você alterou
child-msgno exemplo parachildMsg. Observe que ao usarv-onno 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.