Zusammenfassung der Beispiele für Event-Handler von vue.js

In diesem Artikel wird hauptsächlich die detaillierte Erklärung des Ereignis-Prozessors v-on:click von vue.js vorgestellt. Deshalb werde ich es jetzt für alle und als Referenz für alle teilen. Folgen wir dem Editor und werfen wir einen Blick darauf.

Verwenden Sie den Befehl v-on, um DOM-Ereignisse zu überwachen

Hinweis: v-on kann nicht in HTML5 verwendet werden, ersetzen Sie es mit @

(1) HTML-Code:

<p id="example"> 
 <button v-on:click="greet">Greet</button> 
 // 或者 

<button @click="greet">Greet</button> 
</p>

(2) JS-Code:

var vm = new Vue({ 
 el: '#example', 
 data: { 
 name: 'Vue.js' 
 }, 
 // 在 `methods` 对象中定义方法 
 methods: { 
 greet: function (event) { 
  // 方法内 `this` 指向 vm 
  alert('Hello ' + this.name + '!') 
  // `event` 是原生 DOM 事件 
  alert(event.target.tagName) 
 } 
 } 
})

(3 ) Effektanzeige:

Das obige ist der detaillierte Inhalt vonZusammenfassung der Beispiele für Event-Handler von vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!