Vue中常用的修饰符主要有以下几类:
事件修饰符:
.stop:阻止事件的冒泡,相当于调用了event.stopPropagation()方法。
.prevent:阻止事件的默认行为,相当于调用了event.preventDefault()方法。
.capture:使用事件捕获模式,即元素自身触发的事件先在此处处理,然后才交由内部元素进行处理。
.self:只当在event.target是当前元素自身时触发处理函数。
.once:绑定了事件以后只能触发一次,第二次就不会触发。
.passive:用于提升移动端scroll事件的性能。
.native:在自定义组件标签上绑定原生事件时使用。
v-model修饰符:
.lazy:默认情况下,v-model同步输入框的值和数据。使用.lazy修饰符后,输入框的值会在光标离开后才同步。
.number:用于将输入的值格式化为数字。
.trim:去除输入值的前后空格。
鼠标修饰符:
.left:点击鼠标左键时触发。
.right:点击鼠标右键时触发。
.middle:点击鼠标中键时触发。
键盘修饰符:
.enter:按下回车键时触发。
.tab:按下Tab键时触发。
.delete(捕获“删除”和“退格”键):按下删除键时触发。
.esc:按下Esc键时触发。
此外,Vue还支持使用按键的keyCode作为修饰符,如@keyup.13表示按下回车键时触发事件。
请注意,在使用修饰符时,顺序很重要,相应的代码会以同样的顺序产生。同时,不是所有的修饰符都适用于所有的事件或指令,具体的使用场景需要根据Vue的文档和实际需求来确定。
希望这些信息能帮助你更好地理解Vue修饰符。如果你有更具体的问题或需要进一步的解释,请随时告诉我。