Vue表单input事件修饰符

input事件修饰符(modifiers)

vue官网

.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">

这通常很有用，因为即使是在 type="number" 时，HTML 中 input 元素也总是返回一个字符串类型的值。

.trim

如果想要将用户的输入，自动过滤掉首尾空格，可以在 v-model 之后添加一个 trim 修饰符，来处理输入值：

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