Heim > Artikel > Web-Frontend > So fügen Sie Ereignisse zur Eingabe in vue.js hinzu
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.
【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; } }
v-on:eventName="fn"
也可以简写成 @eventName="fn"
(2) 回调函数的参数$event
Hinweis:
Um in Vue das Eingabeereignis abzuhören, wird v-on verwendet Anweisung wird verwendet.
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!