一、事件修饰符
.stop :阻止事件冒泡
.prevent :阻止标签默认行为
.capture :触发事件捕获行为,(即元素自身触发的事件先在此处处理,然后才交由内部元素进行处理)
.self :只有当event.target是当前元素自身时触发处理函数
.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
自动将用户的输入值转化为数值类型