v-model修饰符

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输入框改变数据时,如果输入的数据首尾有空格,那么此修饰符会自动去掉首尾修饰符。但是此修饰符不会去掉中间的空格!

posted @ 2019-06-17 19:56  jmwlhj  阅读(698)  评论(0编辑  收藏  举报