Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Überwachung des Eingabeereignisses bei Eingabe in der .vue-Datei

Detaillierte Erläuterung der Überwachung des Eingabeereignisses bei Eingabe in der .vue-Datei

小云云
小云云Original
2018-05-17 11:06:548695Durchsuche

Die .vue-Datei ist eigentlich eine Komponente. Ich habe bereits einen Artikel darüber geschrieben, unter der Adresse: .vue-Datei. Im heutigen Artikel geht es um die Überwachung von Eingabewertänderungsereignissen in der .vue-Datei. Die Anforderung ist, dass auf dieser Seite, wenn der Wert von input geändert wird, ein Ereignis aufgerufen wird. Das erste, was mir in den Sinn kommt, ist oninput. In diesem Artikel werden hauptsächlich die Überwachungseingabeereignisse (oninput) in der .vue-Datei als Referenz für alle vorgestellt, und ich hoffe, dass er Ihnen helfen kann.

Das oninput-Ereignis wird ausgelöst, wenn der Benutzer eine Eingabe macht

Detaillierte Erläuterung der Überwachung des Eingabeereignisses bei Eingabe in der .vue-Datei

Aber das Schreiben in .vue hat keine Auswirkung:

Detaillierte Erläuterung der Überwachung des Eingabeereignisses bei Eingabe in der .vue-Datei

<input type="text" id="cardsNum2" value="1" @oninput ="inputFunc">

So schreiben funktioniert nicht:

Detaillierte Erläuterung der Überwachung des Eingabeereignisses bei Eingabe in der .vue-Datei

<input type="text" id="cardsNum2" value="1" v-on:oninput ="inputFunc">

Endlich funktioniert so schreiben:

Detaillierte Erläuterung der Überwachung des Eingabeereignisses bei Eingabe in der .vue-Datei

<input type="text" id="cardsNum2" value="1" v-on:input ="inputFunc">

Verwandte Empfehlungen:

Beispiel für JQuery-Echtzeitüberwachungs-Eingabewerte

JS-Überwachungseingabe Eingabefeld Beispiel einer Echtzeitänderung eines Werts

Lösung für das Problem, dass JQuery das Keyup-Ereignis der Eingabe unter ff_jquery nicht abhören kann

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Überwachung des Eingabeereignisses bei Eingabe in der .vue-Datei. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn