Vue修饰符之lazy和number

.lazy

在默认情况下, v-model 在 input 事件中同步输入框的值与数据,但你可以添加一个修饰符 lazy ,从而转变为在 change 事件中同步:

<!-- 在 "change" 而不是 "input" 事件中更新 -->
<input v-model.lazy="msg" >

.number

如果想自动将用户的输入值转为 Number 类型(如果原值的转换结果为 NaN 则返回原值),可以添加一个修饰符 number 给 v-model 来处理输入值:

<!-- .number 修饰符可以将 输入的值转化为Number类型 ,否则虽然你输入的是数字
但它的类型其实是String,在数字输入框中比较有用** -->
<input v-model.number="age" type="number">

おすすめ

転載: blog.csdn.net/weixin_47088026/article/details/111807514