Comment lier des fonctions dans vuejs

Comment lier des fonctions dans vuejs : 1. Utilisez le formulaire "" pour lier ; ;" pour lier.

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur DELL G3.

La liaison des événements dans vuejs se fait à l'aide de <v-on:事件名 = 函数名> Le nom de la fonction ici est défini dans l'objet méthodes dans l'instance Vue. L'instance Vue peut accéder directement aux méthodes. Écrivez le js en ligne directement sur l'étiquette pour appeler la méthode

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

(2) Appelez la méthode définie dans les méthodes

      <button v-on:click="run()">执行方法的第一种写法</button>
      <button @click="run()">执行方法的 简写 写法</button>

    export default {     
      data () { 
        return {
          msg: '你好vue',
          list:[]      
        }
      },
      methods:{
           run:function(){
              alert('这是一个方法');
             }
           }
 }

La méthode transmet les paramètres

, et 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>

        deleteData(val){
            alert(val);
        },

Objet d'événement entrant

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

        eventFn(e){
          console.log(e);
          // e.srcElement  dom节点
          e.srcElement.style.background='red';
          console.log(e.srcElement.dataset.aid);  /*获取自定义属性的值*/
        }

Recommandations associées : "Tutoriel vue.js"

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!