Vue中v-model指令的修饰符

v-model指令的修饰符有三个,分别是:

1.number

作用:自动将用户的输入值转为数值类型。

示例:<input type="text" v-model.number="age">

2.trim

作用:自动忽略输入内容的首尾空白字符

示例:<input type="text" v-model.trim="userName">

3.lazy

作用:双向绑定时,当光标离开时才更新对应的变量

示例:<input type="text" v=model.lazy="password">

posted @ 2023-02-07 16:24  小菜鸟学扎娃  阅读(598)  评论(0)    收藏  举报