Comment lier des fonctions dans vuejs

Comment lier des fonctions dans vuejs : 1. Utilisez le formulaire "b04ac002edd153057f855cad76fc6730" 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 0cd543366023052d82c6957efe053058 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

      b51a10c915ab1622d4d060f7c652677a执行方法的第一种写法65281c5ac262bf6d81768915a4a77ac0
      7968d758909d474bfaba35fbb18ae31c执行方法的 简写 写法65281c5ac262bf6d81768915a4a77ac0

    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!