vue中的修饰符

vue中的修饰符共分为以下五种

• 表单修饰符
• 事件修饰符
• 鼠标按键修饰符
• 键值修饰符
• v-bind修饰符

1，表单修饰符

(1)trim：可以过滤用户输入的首空格字符，而中间的空格不会过滤。

 

(2)number：可以将用户输入的值自动转换为数字类型，但这个值无法被parseFloat解析，则会返回原来的值。

（3） lazy：光标离开输入框时，才会将值赋值给value，在change事件之后才会同步。

 

2，事件修饰符

(1) stop：阻止事件冒泡，相当于event.stopPropagation方法。

(2)prevent：阻止了事件的默认行为，相当于event.preventDefault方法。 

 (3)once：绑定了事件之后就只能触发一次了，再次点击不会触发。

 (4)captrue：使事件触发从包含这个元素的顶层开始往下触发。

(5)native：是用来在父组件中给子组件绑定一个原生的事件,就将子组件变成了普通的html标签看待。

3，鼠标按键修饰符

（1）left:左键点击触发

（2）right: 右键点击触发

（3）middle:中键点击触发

 4，按键修饰符

(1)enter:按下回车键触发

(2)esc:按下esc触发

 5，v-bind修饰符

(1)sync：能够进行双向绑定，类似于v-model，区别在于：一个组件上只能有一个v-model，.sync修饰符可以有多个，但是在vue3中没有了.sync，将功能添加给了v-model。