Vue: Пользовательские события:<child v-on:child-msg="handleIt"/>

Созданный на 18 июн. 2016  ·  3Комментарии  ·  Источник: vuejs/vue

Версия Vue.js

1.0.25

Ссылка на воспроизведение

https://jsfiddle.net/oL5qyky9/

Действия по воспроизведению

Нажмите кнопку отправки события

Что ожидается?

оповещение('сделано')

Что происходит на самом деле?

Сообщить('HandleIt не запущен');

Как только вы измените его с childMsg обратно на child-msg , он будет вести себя так, как ожидалось.

Самый полезный комментарий

Потому что вы изменили child-msg в примере на childMsg . Обратите внимание, что при использовании v-on в шаблоне имя события будет преобразовано браузером в нижний регистр. Это часть ограничений синтаксического анализа шаблона 1.x, поэтому избегайте использования заглавных букв в именах событий в 1.x.

2.0 не имеет этого ограничения.

Все 3 Комментарий

Удаление 'events obj' из родителя помогло:

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

Я думаю, что события obj с ключом «child-msg» «перезаписывали» привязку метода в шаблоне.

Потому что вы изменили child-msg в примере на childMsg . Обратите внимание, что при использовании v-on в шаблоне имя события будет преобразовано браузером в нижний регистр. Это часть ограничений синтаксического анализа шаблона 1.x, поэтому избегайте использования заглавных букв в именах событий в 1.x.

2.0 не имеет этого ограничения.

Ах, это имеет смысл. Спасибо, парни.

Была ли эта страница полезной?
0 / 5 - 0 рейтинги

Смежные вопросы

bdedardel picture bdedardel  ·  3Комментарии

loki0609 picture loki0609  ·  3Комментарии

aviggngyv picture aviggngyv  ·  3Комментарии

seemsindie picture seemsindie  ·  3Комментарии

wufeng87 picture wufeng87  ·  3Комментарии