1、收集表单数据

收集表单数据

• 若：，则v-model收集的是value值，用户输入的就是value值。

• 若：，则v-model收集的是value值，且要给标签配置value属性。

• 若：
     1.没有配置input的value属性，那么收集的就是checked（勾选 or 未勾选，是布尔值）
     2.配置input的value属性:
        (1)v-model的初始值是非数组，那么收集的就是checked（勾选 or 未勾选，是布尔值）
        (2)v-model的初始值是数组，那么收集的的就是value组成的数组。

备注：v-model的三个修饰符：
lazy：失去焦点再收集数据
number：输入字符串转为有效的数字
trim：输入首尾空格过滤

    
    
    
    
    



    

        

            账号： 


            密码： 


            年龄： 


            性别：
            男
            女 


            爱好：
            学习
            打游戏
            吃饭
            


            所属校区
            
                请选择校区
                北京
                上海
                深圳
                武汉
            
            


            其他信息：
             


            阅读并接受《用户协议》
            提交
        
    

    
    

2、过滤器(Vue3已移除)

定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）。
语法：
1.注册过滤器：Vue.filter(name,callback) 或 new Vue{filters:{}}
2.使用过滤器：{{ xxx | 过滤器名}} 或 v-bind:属性 = "xxx | 过滤器名"
备注：
1.过滤器也可以接收额外参数、多个过滤器也可以串联
2.并没有改变原本的数据, 是产生新的对应的数据

用到的插件：dayjs，用来格式化时间格式

    
    
    
    
    

	



		
		

			
显示格式化后的时间{{fmtTime}}

			
			
现在是：{{fmtTime}}
			
			
现在是：{{getFmtTime()}}
			
			
现在是：{{time | timeFormater}}
			
			
现在是：{{time | timeFormater("YYYY-MM-DD")}}
			
			
现在是：{{time | timeFormater("YYYY-MM-DD")| mySlice}}
		

		

			
{{name | mySlice}}