v-model修饰符

Posted sonwrain

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了v-model修饰符相关的知识,希望对你有一定的参考价值。

.lazy

默认情况下,v-model在每次input事件触发后,输入框的值会与数据进行同步。添加.lazy修饰符,从而转为在change事件之后同步

<!-- 在“change”时而非“input”时更新 -->
<input v-model.lazy="msg">

.num

将输入框的值自动转换为number类型

<input v-model.number="age" type="number">

.trim

自动过滤用户输入的首尾空白字符

<input v-model.trim="msg">

 

以上是关于v-model修饰符的主要内容,如果未能解决你的问题,请参考以下文章

11、Vue3 v-model自定义修饰符

Vue学习-v-model修饰符lazy number trim

Vue 教程(十四)v-model 修饰符

v-model的修饰符

自定义 v-model 之修饰符

v-model三个修饰符