修饰符
1.1 .lazy
默认情况下,在每次 input 事件触发后将输入框的值与数据进行同步。
你可以添加 lazy 修饰符,从而转为在 change 事件之后进行同步。即光标离开才更新视图。
<input type="input" v-model.lazy="message">
<p class="input-value">{{ message }}</p>
注意:el-input不支持v-model修饰符
1.2 .trim
动过滤用户输入的首尾空白字符
<input type="input" v-model.trim="message">
<p class="input-value">{{ message }}</p>
1.3 .number
将输入值转为数值类型
<input type="input" v-model.number="message">
<p class="input-value">{{ message }}</p>
- 如果先输入数字,则会限制你输入的只能是数字
- 如果先输入的不是数字,则相当于没有使用
.number