关于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版本中，现在已废除 就不多说了

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

友情链接更多精彩内容