表单输入绑定修饰符

.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 @   洛飞  阅读(4)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示