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

本文共计385个文字，预计阅读时间需要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是不会更新数据的，当敲下汉字时才会触发更新。