首页 > 其他 > 详细

vue03-v-model数据绑定

时间:2020-02-15 13:01:13      阅读:51      评论:0      收藏:0      [点我收藏+]

三、v-model修饰符

<input type="text" v-model="message" />{{message}}

v-model.lazy

  • v-model 会和标签双向绑定,但是编辑时,时时刻刻都在同步,资源消耗没必要,v-model.lazy会监听enter 或者手标失去焦点的时候才进行数据同步
<!--    失去焦点或者enter才会更新值--><input type="text" v-model.lazy="message">{{message}}

v-model.number

  • 将输入框的值转换为number类型,默认是字符串处理所有的键盘录入

v-model.trim

  • 将输入框中的左右两边的空格去掉

vue03-v-model数据绑定

原文:https://www.cnblogs.com/zpyu521/p/12311180.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!