Vue JS concentré la prochaine entrée sur entrée

J'ai 2 entrées et souhaitez passer de la première à la seconde, lorsque l'utilisateur appuyez sur Entrée.
J'ai essayé de mélanger jQuery avec Vue parce que je ne trouve pas de fonction pour se concentrer sur quelque chose en Vue de la documentation:

<input v-on:keyup.enter="$(':focus').next('input').focus()"
    ...>
<input  ...>

Mais sur entrer je vois erreur dans la console:

build.js:11079 [Vue warn]: Property or method "$" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. (found in anonymous component - use the "name" option for better debugging messages.)warn @ build.js:11079has @ build.js:9011keyup @ build.js:15333(anonymous function) @ build.js:10111
build.js:15333 Uncaught TypeError: $ is not a function
Je ne sais pas la réponse, mais s'il vous plaît, essayez cette v-on:keyup.enter="this.nextSibling.focus()"
Merci pour votre aide! Le résultat est build.js:15333 Uncaught TypeError: Cannot read property 'focus' of undefined
Votre deuxième entrée a un ID ? <input id="XX" ...> . Essayez d'ajouter et de modifier cette ligne v-on:keyup.enter="document.getElementById('XX').focus()"
Je peux l'ajouter si nécessaire. Si je suis en mesure d'exécuter la vanille JS en vue de gestionnaire de clic je peux faire document.getElementById('next_id').focus(); mais il donne encore une fois build.js:11079 [Vue warn]: Property or method "getElementById" is not defined on the instance but referenced during render.

OriginalL'auteur user3479125 | 2016-10-02