.lazy
默认情况下,v-model
会在每次 input
事件触发之后,将数据同步至 input 元素中。
可以添加 lazy
修饰符,从而转为在触发 change
事件后同步:
<!-- 在触发 "change" 事件后同步,而不是在触发 "input" 事件后更新 -->
<input v-model.lazy="msg" >
.number
如果想要将用户的输入,自动转换为 Number 类型(译注:如果转换结果为 NaN 则返回字符串类型的输入值),可以在 v-model
之后添加一个 number
修饰符,来处理输入值:
<input v-model.number="age" type="number">
.trim
如果想要将用户的输入,自动过滤掉首尾空格,可以在 v-model
之后添加一个 trim
修饰符,来处理输入值:
<input v-model.trim="msg">
.sync:对prop进行双向绑定
.passive:addEventListener中的第三个参数,表示 listener 永远不会调用 preventDefault()