Vue的v-model修饰符.lazy、.number和.trim如何正确使用？

本文共计396个文字，预计阅读时间需要2分钟。

以下是对原文的简化

plaintext以下表示：.lazy 不是实时更新，而是在失去焦点或按回车键时更新。.number 将输入转换为Number类型。.trim 可自动过滤输入首尾空格。知识补充：Vue通过v-model、@input、@v-model.lazy实现双向绑定。

如下所示：

.lazy

并不是实时改变，而是在失去焦点或者按回车时才会更新

.number

将输入转换成Number类型

.trim

可以自动过滤输入首尾的空格

补充知识：vue通过v-model，@input, @v-model.lazy几种输入框数据更新方式的区别

在使用v-model时，如果用中文输入法输入中文，一般在没有选定词组前，也就在拼音阶段，Vue是不会更新数据的，当敲下汉字时才会触发更新。