v-model的几个修饰符

lazy

正常情况下，v-model进行双向绑定时，绑定的是input事件，即每次内容输入后便会将最新的值和绑定的属性进行同步；而lazy修饰符可以将绑定事件修改为change事件，只有在提交时（如回车、失焦等）才会同步最新的值给绑定的属性

使用lazy后缀

number

v-model绑定的数据在输入后为string类型，即使设置type为number，获得的数据仍然为string类型

输入的数字的类型为string
type设置为number时获得的数据也是string类型
当我们需要获取number类型时，可以使用number后缀
使用number后缀获取number类型的数据

注：JS中，在进行逻辑判断时，如果是一个string类型，在可以转化的情况下会进行隐式转换
string被隐式转换为number进行逻辑判断

trim

trim后缀主要是过滤掉首尾的空白字符

不使用trim会返回空格
使用trim后自动去除首尾的空格

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容