首页 > 其他 > 详细

v-model修饰符

时间:2019-06-17 20:50:50      阅读:162      评论:0      收藏:0      [点我收藏+]

1).lazy:取代 input 监听 change 事件。

用法:

  v-model.lazy="message"

效果:

  在input输入框改变数据时,v-model绑定的DOM的数据暂时不会改变,当input失去焦点时,数据改变

2).number:输入字符串转为数字。

用法:

  v-model.number="message"

效果:

  在input输入框开始输入数字,之后输入非数字,数据会只显示数字,输入的非数字不会显示。但是如果先输入的是非数字,之后输入的是数字,那么此修饰符失效

3).trim:输入时去掉首尾空格。

用法:

  v-model.trim="message"

效果:

  在input输入框改变数据时,如果输入的数据首尾有空格,那么此修饰符会自动去掉首尾修饰符。但是此修饰符不会去掉中间的空格!

v-model修饰符

原文:https://www.cnblogs.com/jmwlhj/p/11041879.html

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