Cet article présente principalement l'explication détaillée du processeur v-on:click de vue.js. je vais donc le partager maintenant pour tout le monde, et comme référence pour tout le monde. Suivons l'éditeur et jetons un coup d'œil.
Utilisez la commande v-on pour surveiller les événements DOMRemarque :v-on ne peut pas être utilisé en HTML5, remplacez-le avec @
(1) code html :
<p id="example"> <button v-on:click="greet">Greet</button> // 或者 <button @click="greet">Greet</button> </p>
(2) code js :
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) Affichage des effets :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!