Vue · Junior · Question 52 of 75

How do you run a handler only when Enter is pressed in an input?

<input @keyup.enter="search" />

✓Correct answer: Use the key modifier @keyup.enter
2Check event.keyCode === 13 - Vue has no key modifiers
3Use @enter="search"

Explanation

Vue provides aliases like .enter, .esc, .tab, .space and system modifiers like .ctrl or .exact.

Further reading

Vue: Event Handling ↗

Test yourself

Take the Vue · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.