vue中的修飾符主要分為兩類:
1.事件修飾符:
- .stop 阻止單機事件冒泡
- .prevent 阻止默認行為(比如 @submit.prevent 會阻止提交后刷新頁面)
- .capture 添加事件偵聽器時使用捕獲模式
- .self 只有事件在元素本身(而不是子元素)觸發時觸發回調
- .once 只觸發一次(組件也適用)
- .key 觸發事件的按鍵
2.v-model 修飾符:
-
.lazy
在輸入框中,默認是在input事件中同步輸入框的數據,使用 lazy修飾符會轉變為在change事件中同步(失去焦點或按回車才更新)。 -
. number
將輸入轉換為Number類型,默認是String
-
.trim 自動過濾輸入的首尾空格