événements clavier Vue pas de tir

Vue ne se déclenche pas des événements de clavier, il réagit à cliquer sur les événements mais les tentatives pour regarder et feu keypress, keyup, keydown, change, input, focus ou blur tous ne font rien. J'ai fait un test de jquery pour regarder les mêmes événements et ils ont tous été virés en conséquence alors qu'est-ce qui me manque avec vue?événements clavier Vue pas de tir

Voici mon modèle jusqu'à présent que les montres pour les événements de clavier

... 
<input type="text" palceholder="email" :value="email" v-on:change="updateEmail"/> 
<input type="password" palceholder="password" :value="password" v-on:change="updatePassword"/> 
...

et j'ai essayé de remplacer ce qui précède avec de nombreuses variations de différents événements comme noté plus haut, l'événement change était ma dernière tentative. Toute aide devrait être grandement appréciée et merci d'avance.

Source

2016-05-04 黒い雪

pouvez-vous le reproduire sur jsfiddle.net? 'v-on: input' devrait fonctionner normalement. –

J'ai écrit un stylo sur codepen en utilisant Vue, VueRouter, et Vuex [link here] (http://codepen.io/wiseguy12851/pen/VaqprX) mais cela fonctionne comme prévu, ce qui me porte à croire que le problème est ailleurs. De mon côté, j'utilise Webpack pour construire donc mes suppositions sont soit son webpack, le fait que c'est un sous-composant qui ne le construit pas correctement, l'interpréteur de jade qui peut gâcher le v-on, ou autre chose. –

J'ai trouvé le problème et sa correction, merci pour votre aide rapide –

Utilisation v-model:

<input type="text" placeholder="email" v-model="email">

Cela synchronise automatiquement l'entrée avec la valeur du courrier électronique

Le raccourci pour l'événement change serait également @change="updateEmail"

Source

2016-05-04 17:49:48 Jeff

Eh bien, j'utilise aussi le magasin de données vuex, y at-il un moyen de ramasser les mises à jour du modèle pour pouvoir appeler la fonction nécessaire sur le magasin vuex? –

Voir cet exemple des docs, c'est exactement ce que vous essayez de faire: http://vuex.vuejs.org/en/forms.html – Jeff

Juste essayé, rien ne se passe –

Je suis donc trouvé le problème et était une combinaison de quelques choses, le problème de base était une typo html plus au-dessus du code énuméré ici <srong>...</strong> qui aurait dû déclencher une erreur, mais n'a pas et donc jeté le ev système en quelque sorte.

Il n'a pas déclenché d'erreur à cause du second problème dû à un plugin abandonné gzip où j'ai oublié de supprimer les fichiers gzip et donc le serveur les desservait (fichiers gzip plus anciens) plutôt que les fichiers nouvellement créés .

J'ai abandonné le plugin parce que je pensais qu'il interférait avec le 3ème et le 4ème problème où un plugin jquery ne fonctionnait pas correctement. Le problème était que je ne prenais pas en compte le chemin d'accès Windows qui utilise un \ alors [\\\/] était nécessaire pour correspondre à la fois aux chemins Windows et Unix et donc ne configurait pas le code de librement, cela en combinaison avec l'installation du plugin dans un morceau séparé le faisant ne pas être installé dans tous les morceaux constitués la cause de la racine.

Alors tout est réparé maintenant, merci pour tout le monde aide

Source

2016-05-05 00:05:49

événements clavier Vue pas de tir

Répondre

Questions connexes