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" />