Maison > interface Web > js tutoriel > Explication détaillée de la surveillance de l'événement d'entrée d'entrée oninput dans le fichier .vue

Explication détaillée de la surveillance de l'événement d'entrée d'entrée oninput dans le fichier .vue

小云云
Libérer: 2018-05-17 11:06:54
original
8696 Les gens l'ont consulté

Le fichier .vue est en fait un composant. J'ai déjà écrit un article à ce sujet, à l'adresse : fichier .vue. L'article d'aujourd'hui concerne la surveillance des événements de changement de valeur d'entrée dans le fichier .vue. L'exigence est que dans cette page, lorsque la valeur de input est modifiée, un événement soit appelé. La première chose qui vient à l'esprit est oninput. Cet article partage principalement avec vous les événements d'entrée de surveillance (oninput) dans le fichier .vue, à titre de référence pour tout le monde, et j'espère qu'il pourra vous aider.

L'événement oninput est déclenché lorsque l'utilisateur saisit

Explication détaillée de la surveillance de lévénement dentrée dentrée oninput dans le fichier .vue

Mais écrire ceci en .vue n'a aucun effet :

Explication détaillée de la surveillance de lévénement dentrée dentrée oninput dans le fichier .vue

<input type="text" id="cardsNum2" value="1" @oninput ="inputFunc">
Copier après la connexion

Écrire comme ça ne marche pas :

Explication détaillée de la surveillance de lévénement dentrée dentrée oninput dans le fichier .vue

<input type="text" id="cardsNum2" value="1" v-on:oninput ="inputFunc">
Copier après la connexion

Enfin, écrire comme ça marche :

Explication détaillée de la surveillance de lévénement dentrée dentrée oninput dans le fichier .vue

<input type="text" id="cardsNum2" value="1" v-on:input ="inputFunc">
Copier après la connexion

Recommandations associées :

Exemple de valeur d'entrée de surveillance en temps réel Jquery

entrée de surveillance js zone de saisie Exemple de changement de valeur en temps réel

Solution au problème selon lequel JQuery ne peut pas écouter l'événement keyup de saisie sous ff_jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal