[vue]v-model 修饰符, 用起来~

119 阅读1分钟

合理使用v-model提供的修饰符,可以让我们平日的开发如鱼得水。

trim

用法

<input type='text' v-model.trim="remark">

解释

表示收集trim处理后的数据并且存到remark变量中


lazy

用法

<input type='textarea' v-model.trim="remark">

解释

失去焦点的一瞬间,才会将数据收集到remark变量中


number

应用场景

当需要限制输入框中的字符为数字时

用法

<input type="number" v-model.number="age">

解释

一般配合 type="number" 使用,将age的值限制为number类型。