vue修飾符與事件修飾符

2021-09-25 16:32:13 字數 565 閱讀 6521

前言

在乙個控制項中使用修飾符 ,可以對控制項或操作做出一定的改變或者約束

修飾符作用

.lazy

v-model在input事件秀實況中轉變為在change事件中同步

.number

將使用者舒服的值轉換為number型別

.trim

自動過濾使用者輸入的首尾空格

.stop

阻止冒泡

.prevent

阻止預設行為

.capture

新增事件偵聽器時使用事件

.self

只當事件在該元素本身時觸發

.once

事件只觸發一次

lazy修飾符

number修飾符

trim修飾符

.lazy修飾符

}.number修飾符

}.trim修飾符

}

鏈結阻止預設行為

鏈結只執行一次

vue 事件修飾符

事件修飾符 在事件處理程式中呼叫event.preventdefault 或event.stoppropagation 是非常常見的需求。儘管我們可以在 methods 中輕鬆實現這點,但更好的方式是 methods 只有純粹的資料邏輯,而不是去處理 dom 事件細節。為了解決這個問題,vue.js...

Vue事件修飾符

也可以只設定事件名和修飾符而不傳入偵聽器,而且可以將修飾符串聯起來使用。例如,下面這個例子會阻止單擊事件沿dom樹向下傳遞,但只在第一次觸發時有效 除了上述事件修飾符,還有一些按鍵修飾符。它們用在鍵盤事件上,只有在特定按鍵按下時才會觸發事件。看下面這個例子 上面這個例子中,if語句中的的 只有當ke...

Vue筆記 2 事件修飾符 按鍵修飾符

修飾符 作用用來和事件連用,用來決定事件觸發條件或者是阻止事件的觸發機制 1.事件修飾符 stop修飾符 用來阻止事件冒泡 事件冒泡 詳情 prevent 事件修飾符 用來阻止標籤的預設行為 self 事件修飾符 用來針對於當前標籤的事件觸發 只觸發自己標籤的上特定動作的事件 只關心自己標籤上觸發的...