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

coldplay.xixi
coldplay.xixiOriginal
2020-11-09 16:49:263136Durchsuche

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;
}
}

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!

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