vue.js中如何繫結事件

vue.js中繫結事件的方法：1、直接在標籤中寫js方法，程式碼為【<button v-on:click="alert（'hi'）">執行方法的第一種寫法</button>】；2、呼叫method的辦法。

【相關文章推薦：】

vue.js中繫結事件的方法：

1、 直接在標籤中寫js方法

 <button v-on:click="alert（'hi'）">執行方法的第一種寫法</button>

2、呼叫method的辦法

<button v-on:click="run()">執行方法的第一種寫法</button>
<button @click="run()">執行方法的 簡寫 寫法</button>
export default {     
      data () { 
        return {
          msg: '你好vue',
          list:[]      
        }
      },
      methods:{
           run:function(){
              alert('這是一個方法');
             }
           }
 }

（1）方法傳參，方法直接在呼叫時在方法內傳入引數

<button @click="deleteData('111')">執行方法傳值111</button>
<button @click="deleteData('222')">執行方法傳值2222</button>

（2）傳入事件物件

<button data-aid='123' @click="eventFn($event)">事件物件</button>

eventFn(e){
          console.log(e);
          // e.srcElement  dom節點
          e.srcElement.style.background='red';
          console.log(e.srcElement.dataset.aid);  /*獲取自定義屬性的值*/
        }

相關免費學習推薦：（視訊）

以上就是vue.js中如何繫結事件的詳細內容，更多請關注TW511.COM其它相關文章！