vue.js 修饰符

2017-08-08  本文已影响68人  驴不与红鲤鱼

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

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

3、 .trim
如果要自动过滤用户输入的首尾空格,可以添加 trim 修饰符到 v-model 上的过滤输入:
<input v-model.trim = "msg">

上一篇下一篇

猜你喜欢

热点阅读