Heim > Web-Frontend > View.js > Hauptteil

So fügen Sie Ereignisse zur Eingabe in vue.js hinzu

coldplay.xixi
Freigeben: 2020-11-17 18:18:50
Original
3125 Leute haben es durchsucht

So fügen Sie Ereignisse zur Eingabe in vue.js hinzu: 1. Verwenden Sie den Befehl [v-on], um die Ereignisüberwachung hinzuzufügen. Der Code lautet [v-on:eventName="fn"]. 2. Verwenden Sie die Parameter von Rückruffunktion [$event ] zum aktuellen Triggerereignis.

So fügen Sie Ereignisse zur Eingabe in vue.js hinzu

【Empfehlungen für verwandte Artikel: vue.js

vue.js Methode zum Hinzufügen von Ereignissen zur Eingabe:

vue.js Die v-on-Direktive in der Bibliothek wird zum Binden von Ereignissen verwendet listeners Dem v-on-Befehl können Parameter und Modifikatoren folgen ="fn" kann auch als @eventName="fn" abgekürzt werden

(2) Der Parameter der Callback-Funktion $event ist die aktuelle Auslösung event Element, auch wenn $event nicht übergeben wird, kann der Event-Parameter auch in der Rückruffunktion verwendet werden

Beispiel:

<input type="text" id="myInput" @input="inputFunction()">
<p id="demo"> </p>
methods:{
inputFunction(){
let o = document.getElementById("myInput").value
document.getElementById("demo").innerhtml = "你输入的是 :"  + o;
}
}
Nach dem Login kopieren

v-on:eventName="fn" 也可以简写成 @eventName="fn"

(2) 回调函数的参数$event

Hinweis:

Um in Vue das Eingabeereignis abzuhören, wird v-on verwendet Anweisung wird verwendet.So fügen Sie Ereignisse zur Eingabe in vue.js hinzu

v-on: input = "func" oder abgekürzt als @input = "func"

Verwandte kostenlose Lernempfehlungen:

Javascript

(Video)

Das obige ist der detaillierte Inhalt vonSo fügen Sie Ereignisse zur Eingabe in vue.js hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!