v-model的修饰符有三种
- lazy
- number
- trim
.lazy的用法
需要注意的是 当添加了.lazy
后 会把oninput
事件改成onchange
事件
ex:<input type="text" v-model.lazy="msg" />
.number 的用法
number
修饰符会把v-model
的值转换成数值类型
ex:<input type="text" v-model.number="msg">
如果一开始输入的是正确的后面输入字符串时,number
转换后会将字符串删掉
.trim的用法
trim
其实就是JavaScript中.trim()的方法,用来过滤用户输入时的首尾空格
ex:<input type="text" v-model.trim="msg" />
由于.debounce
在2.0版本中,现在已废除 就不多说了