Vue学习笔记——表单修饰符
Vue学习笔记之表单修饰符
前言
v-model.lazy
v-model.number
v-model.trim
type=“number”
提示:以下是本篇文章正文内容,下面案例可供参考
一、.lazy
v-model.lazy—>降低数据绑定的速度,当失去焦点时,才触发,比如:
<!--.lazy失去焦点时才实现数据绑定,因为v-model速率太快-->
<input style="display: block;" type="text" v-model.lazy="myText" />{{myText}}
二、.number
v-model.number—>限制用户只能输入数字,但不局限于字母e.type = number
<!--.number用户只能输入数字,但排除字母e在外-->
<input style="display: block;" type="number" v-model.number="numbers" />{{numbers}}
三、.trim
v-model.trim—>检查输入的东西首尾是否含有空格,有的话去掉,比如输入用户名
<!--.trim是检查输入的东西首尾是否含有空格,有的话去掉-->
<input style="display: block;" type="text" v-model.trim="userName" />{{userName}}
总结
注意其用法即可.