Vuejs2: повторно отправить событие для клавиши ENTER

#vuejs2

#vuejs2

Вопрос:

Когда в пользовательском компоненте я могу повторно отправлять события щелчка как @click="$emit('click') . Позже в родительском элементе я могу напрямую реагировать @click без необходимости создания пользовательского события:

 <!-- In the Parent -->
<custom-component @click="myReaction" ... />
  

Как я могу повторно отправить событие @keyup , чтобы я мог специально прослушивать ENTER via @keyup.enter="myReaction" в родительском? Должно ли это быть @keyup="$emit('keyup') ?

Ответ №1:

Так и должно быть @keyup="$emit('keyup', $event)" , иначе вы не сможете получить код ключа.

Вы также можете полагаться на пузырящееся событие для стандартных событий DOM и просто использовать @keyup.native.enter="myReaction" в своем родительском компоненте.

Комментарии:

1. Как только я попробую, и это сработает. Я приму это. Спасибо за быстрый ответ.