表单输入绑定修饰符

.lazy
在默认情况下,vmodel在每次input事件触发后,输入框的值会与数据进行同步,
可以添加lazy修饰符,从而转化为在change事件之后进行同步,如下:
<!-- 在change时而非input时更新 -->
<input type="text" v-model.lazy="msg">
.number 如果想自动将用户的输入值转化为数值类型,可以给v-model添加number修饰符
<input type="text" v-model.number="age">
这个通常很有用,因为即使在type=number时,html输入的元素也会返回字符串,
如果这个值无法被parseFloat解析,则会返回原始的值。
 
.trim 去除前后的空格
 

 

 

 

posted @ 2024-08-15 15:02  洛飞  阅读(3)  评论(0编辑  收藏  举报