溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下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中怎么綁定事件有了一定的了解，想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
