vue單個元素綁定多個事件問題(例如點擊綁定多個事件方法)
更新時間：2023年04月17日 14:18:05 作者：мо仙堡杠把子ご灬
這篇文章主要介紹了vue單個元素綁定多個事件問題(例如點擊綁定多個事件方法)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue單個元素綁定多個事件
在vue中 給單個元素綁定不同的事件同時去操作不同的邏輯,這樣的話就是異步處理
舉個例子
注意 綁定事件的時候要用 **;**隔開
vue單個元素綁定多個相同事件 與vue中如何獲取event對象
1.vue單個元素綁定多個相同事件
//正確的 <button @click="handelClick(),handelClick2()">測試click事件</button> //錯誤的 <button @click="handelClick,handelClick2">測試click事件</button> //錯誤的 <button @click="handelClick,handelClick2()">測試click事件</button>
事件都需要加上（）
當然你也可以綁定一個函數， 在函數中調用多個函數
2.vue中獲取event對象
<button @click="handelClick($event)">測試click事件</button>
?
handelClick (e) {
? ? console.log(e)
},總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Vue中通過vue-router實現(xiàn)命名視圖的問題
這篇文章主要介紹了在Vue中通過vue-router實現(xiàn)命名視圖,本文給大家提到了vue-router的原理解析，給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-04-04
這篇文章主要介紹了Vue腳手架中的 render 理解,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-10-10
最近遇見一個需要上傳超大大文件的需求,所以下面這篇文章主要給大家介紹了關于前端大文件上傳與下載(分片上傳)的詳細過程,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了vue引入ueditor及node后臺配置詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要為大家詳細介紹了Vue實現(xiàn)用戶登錄及token驗證，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了基于vue--key值的特殊用處詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了vue.js父子組件傳參的原理與實現(xiàn)方法,結合實例形式分析了vue.js父子組件傳參的基本原理、實現(xiàn)方法與相關操作注意事項,需要的朋友可以參考下2023-04-04
這篇文章主要為大家詳細介紹了vue實現(xiàn)吸壁懸浮球，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
解決vscode進行vue格式化,會自動補分號和雙引號的問題
這篇文章主要介紹了解決vscode進行vue格式化,會自動補分號和雙引號的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
這篇文章主要介紹了如何使用vue-router為每個路由配置各自的title,及使用vue router的方法，需要的朋友可以參考下2018-07-07