码迷,mamicode.com
首页 > 其他好文 > 详细

vue03-v-model数据绑定

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

标签:绑定   mes   数据绑定   enter   更新   行数据   同步   lazy   ber   

三、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数据绑定

标签:绑定   mes   数据绑定   enter   更新   行数据   同步   lazy   ber   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!