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!