vue中的修饰符主要分为两类:
1.事件修饰符:
- .stop 阻止单机事件冒泡
- .prevent 阻止默认行为(比如 @submit.prevent 会阻止提交后刷新页面)
- .capture 添加事件侦听器时使用捕获模式
- .self 只有事件在元素本身(而不是子元素)触发时触发回调
- .once 只触发一次(组件也适用)
- .key 触发事件的按键
2.v-model 修饰符:
-
.lazy
在输入框中,默认是在input事件中同步输入框的数据,使用 lazy修饰符会转变为在change事件中同步(失去焦点或按回车才更新)。 -
. number
将输入转换为Number类型,默认是String
-
.trim 自动过滤输入的首尾空格