Vue.js表单修饰符

1、 .lazy 修饰符。 默认情况下，v-model在input事件中同步输入框的值与数据，通过添加修饰符后 v-model.lazy 转变为在change事件中同步

2、.number 修饰符， 可以将用户输入的值，转换成Number类型。

3、 .trim 可以自动过滤用户输入的首尾空格。

1、使用。.lazy修饰符添加后，在input输入框内输入数字的时候，绑定的数据不会发生变化，只有当点击页面其他元素使输入框失焦点的时候会发生变化。

    
    
    
    


    

        
        
{{ name }}
    




    
    

2、使用 .number修饰符可以将输入框内的字符串转换成数字

image.png

    
    
    
    


    

        
        
{{ name }}

        
        
{{ number }}

      
    




    
    

3、使用.trim修饰符，可以将输入框内的前后的空格去掉

    
    
    
    


    

        
        
        
{{ name }}

        
        
        
{{ number }}

        
        
        
 {{ search_text }}
    




    
    

疑问： 不加.trim， input控件一样会自动去掉空格的。