綁定事件

事件綁定的方法寫成函數(shù)調(diào)用的形式,可以傳入自定義參數(shù)

定義方法時(shí)需要定義形參來接收傳入的實(shí)參

事件的后面跟上.修飾符可以對事件進(jìn)行限制

.enter 可以限制觸發(fā)的按鍵為回車

@是v-on:的簡寫,通過v-on:指令綁定事件,指定一個(gè)methods選項(xiàng)里面的定義的方法,

?調(diào)用方法時(shí),不傳參數(shù),默認(rèn)會(huì)將事件對象作為參數(shù)傳遞

調(diào)用方法時(shí),傳的是什么參數(shù),接的就是什么參數(shù)

調(diào)用方法時(shí),傳遞一個(gè)$event參數(shù),該參數(shù)就是事件對象

當(dāng)前事件處理的代碼比較簡單時(shí),可以將代碼直接寫在行內(nèi),注意:只能操作Vue管理的數(shù)據(jù)

事件修飾符.prevent,用于阻止默認(rèn)行為

.once,用只綁定一次事件方法

.stop,用于阻止事件冒泡

.self,只能在自身元素上觸發(fā),不同在子元素上觸發(fā)

如圖

每次鍵盤彈起都會(huì)調(diào)用事件方法

只在回車時(shí),才會(huì)調(diào)用事件方法

keyup.enter按鍵回車
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容