>本节讲解的内容对前面的章节具有依赖性,如果看起来有困难,请先看本系列前面的章节 ## 一、本节说明 本节我们介绍一下在使用v-model指令进行表单数据绑定的时候,常用的修饰符,修饰符会对指令功能起到补充和增强的作用。 ## 二、 怎么做 ![](https://img.kancloud.cn/34/65/3465229847f8ca5b12b2329bf59265c4_770x510.png) * lazy修饰符:默认情况下,input输入会实时影响v-model绑定的数据。加上lazy修饰符,只有当输入框失去焦点会输入回车的时候,才会去改变v-model绑定的数据。 * number修饰符:默认情况下,输入框中输入的无论是数字还是字母,都会被当做字符串处理。加上number修饰符,输入内容会被当做数值类型处理。 * trim修饰符:可以自动去掉输入内容左右两边的空格 ## 三、 效果 ![](https://img.kancloud.cn/93/bd/93bd3c58d5222f164b4d6bdb20b7cafd_698x274.gif) * 由上图可以看到,当第一个输入框失去焦点的时候,name:curry,才发生数据改变。 * 输入年龄31,被当作数值类型处理(默认输入是当作字符串类型。因为初始值为null,所以显示是object类型) * 第三个输入框,输入内容前后都有空格,但是加上trim修饰符,就自动去掉了。