跳到主要内容

v-model 修饰符

2023年10月26日
柏拉文
越努力,越幸运

一、v-model.lazy


1.1 认识

默认情况下,v-model 会在每次 input 事件后更新数据。你可以添加 lazy 修饰符来改为在每次 change 事件后更新数据

1.2 语法

<input v-model.lazy="msg" />

二、v-model.number


2.1 认识

如果你想让用户输入自动转换为数字,你可以在 v-model 后添加 .number 修饰符来管理输入。如果该值无法被 parseFloat() 处理,那么将返回原始值。number 修饰符会在输入框有 type="number" 时自动启用。

2.2 语法

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

三、v-model.trim


3.1 认识

如果你想要默认自动去除用户输入内容中两端的空格,你可以在 v-model 后添加 .trim 修饰符:

3.2 语法

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