关于v-model 修饰符

v-model的修饰符有三种
  1. lazy
  2. number
  3. 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">

\color{red}{需要注意的是:当你第一个输入的是非数字/小数点/正负号时,number的修饰符就不会生效}
如果一开始输入的是正确的后面输入字符串时,number转换后会将字符串删掉


.trim的用法

trim其实就是JavaScript中.trim()的方法,用来过滤用户输入时的首尾空格
ex:<input type="text" v-model.trim="msg" />


由于.debounce在2.0版本中,现在已废除 就不多说了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。