vue中的事件修饰符

常用的修饰符

@事件.stop 阻止事件冒泡

@事件.prevent 阻止事件默认行为

@事件.capture 触发事件捕获

@事件.self 当事件在该元素本身 触发回调

@once 只执行一次

@事件.passive 告诉浏览器你不想阻止事件的默认行为.

使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因此，用v-on:click.prevent.self会阻止所有的点击，而 v-on:click.self.prevent 只会阻止对元素自身的点击。

v-model的修饰符

<1> .lazy

默认情况下，v-model同步输入框的值和数据。可以通过这个修饰符，转变为在change事件再同步。

<input v-model.lazy="msg">

<2>.number

自动将用户的输入值转化为数值类型

<input v-model.number="msg">

<3>.trim