Vue之收集表单数据与过滤器

1.表单大全：

v-model.trim="account"：去除空格，

年龄：

：输入数字和接收数字

:失去焦点再接受数据（适用于大输入框）

    


        账号：
        

        密码：
        

        

        年龄：
        


        sex：
        男
        女
        

        爱好：
        学习
        游戏
        吃饭
        

        所属校区：
        
            请选择
            北京
            陕西
            上海
        
        

        其他信息：
        
        

        阅读并同意协议
        

        提交
    

总结：

 二：过滤器：

        Vue.js 允许你自定义过滤器(filter)，可被用于一些常见的文本格式化。

        过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)

        将时间搓改成时间格式：

        引入了第三方库：bookcdn中的dayjs库，

dayjs链接：

    
显示时间

    
{{atime}}

    
{{time | timeformater}}

总结：

dayjs

Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样. 如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day.js