Bagaimana untuk mengikat fungsi dalam vuejs

Cara mengikat fungsi dalam vuejs: 1. Gunakan bentuk "72acb39fde3db2469be6f0ec7da1f387" untuk mengikat 2. Gunakan "91f23696b4fd7e2839bc1ad6ff30a8cd" untuk mengikat.

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Pengikatan acara dalam vuejs dilakukan menggunakan 0cd543366023052d82c6957efe053058 Nama fungsi di sini ditakrifkan dalam objek kaedah dalam tika Vue boleh mengakses kaedah secara langsung.

Kaedah mengikat peristiwa

(1) Tulis js sebaris terus pada label untuk memanggil kaedah

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

(2) Panggil kaedah yang ditakrifkan dalam kaedah

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

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

kaedah melepasi parameter , kaedah terus melepasi parameter

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

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

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

Objek acara masuk

      <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);  /*获取自定义属性的值*/
        }

Cadangan berkaitan: "

tutorial vue.js"

Atas ialah kandungan terperinci Bagaimana untuk mengikat fungsi dalam vuejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!