vue事件修飾符與按鍵修飾符

一、事件修飾符

.stop:阻止冒泡

.prevent:阻止默認事件

.capture:事件執(zhí)行循序改成捕獲

.once:方法只執(zhí)行一次

.self:只有標簽本身才能觸發(fā)事件

.passive:提升移動端性能,告訴瀏覽器沒有阻止默認動作


二、按鍵修飾符

.enter .tab .delete .esc .space .up .down .left .right

@keyup.enter="handle()"


三、自定義按鍵修飾符別名

Vue.config.keyCodes = {

? v: 86,

? f1: 112,

? // camelCase駝峰命名法 不可用? mediaPlayPause: 179,

? // 取而代之的是 kebab-case中劃線命名法 且用雙引號括起來? "media-play-pause": 179,

? up: [38, 87]

}

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

相關閱讀更多精彩內容

友情鏈接更多精彩內容