Comment lier des événements dans vue.js

Comment lier des événements dans vue.js : 1. Écrivez la méthode js directement dans la balise, le code est [ method La première façon d'écrire ]; 2. La méthode d'appel de la méthode.

[Articles connexes recommandés : vue.js]

méthodes groupées vue.js pour définir les événements :

1. Écrivez les méthodes js directement dans les balises

 <button v-on:click="alert（&#39;hi&#39;）">执行方法的第一种写法</button>

2. Comment appeler la méthode

<button v-on:click="run()">执行方法的第一种写法</button>
<button @click="run()">执行方法的 简写 写法</button>
export default {     
      data () { 
        return {
          msg: &#39;你好vue&#39;,
          list:[]      
        }
      },
      methods:{
           run:function(){
              alert(&#39;这是一个方法&#39;);
             }
           }
 }

.

(1) Méthode passant les paramètres, la méthode transmet directement les paramètres dans la méthode lors de l'appel

<button @click="deleteData(&#39;111&#39;)">执行方法传值111</button>
<button @click="deleteData(&#39;222&#39;)">执行方法传值2222</button>

(2) Passage de l'objet événement

<button data-aid=&#39;123&#39; @click="eventFn($event)">事件对象</button>

rrree

Apprentissage gratuit associé Recommandé : JavaScript (Vidéo)

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!