1 .lazy
在默认情况下, v-model 在 input 事件中实时同步输入框的值与数据:
<input v-model="msg" >
可以添加一个修饰符 lazy ,从而转变为在 change 事件中同步:(失去焦点后再同步)
<input v-model.lazy="msg" >
2 .number
由于v-model赋值默认都是string类型,如果想自动将用户的输入值转为 Number 类型(如果原值的转换结果为 NaN 则返回原值),可以添加一个修饰符 number 给 v-model 来处理输入值:
<input v-model.number="age" type="number">
这通常很有用,因为在 type=“number” 时 HTML 中输入的值也总是会返回字符串类型。
3 .trim
如果要自动过滤用户输入的首尾空格,可以添加 trim 修饰符到 v-model 上过滤输入:
<input v-model.trim="msg">