vue中的修饰符

vue中的修饰符

事件修饰符

修饰符	介绍	举例
stop	阻止事件冒泡	A B.stop 点击B => B
prevent	阻止默认事件	v-on:submit.prevent =>不会走submit
capture	捕获冒泡事件，如果有冒泡事件，则有修饰符的先执行，然后顺序执行	A.capture B C 点击C => A C B ；A.capture B.capture C 点击C=> A B C
self	将事件绑定在自身，避免冒泡	A B.self C 点击C => C A
once	只触发一次
passive	不阻止默认事件，尤其能够提升移动端的性能	v-on:scroll.passive=“onScroll” scroll 会立即触发
native	将组件转化为普通的html标签

输入框的修饰符

修饰符	介绍
number	返回的数据始终是数字
lazy	在change之后触发事件，而不是input触发
trim	去掉首尾空格