合理使用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类型。