Vue 表单数据收集

文本框

示例：

账号：

密码：

签名：

年龄：

v-model.trmi：过滤掉内容左右两边的的空格，但内容中的空格没法过滤

v-model.lazy：失去焦点再收集数据

v-model.number：输入字符串转为有效的数字

单选框

示例

性别：

男

女

同一类型的单选框需要设置同一个 name 如：name="sex"

需要为每一个单选框设置 value 值才能收集到数据

阅读并接受《用户协议》

这里未设置 value 值，收集 checked（勾选 or 未勾选，是布尔值）

多选框与下拉框

多选框示例

爱好：

吃饭

睡觉

喝水

下拉框示例

    请选择地区
    北京
    上海
    深圳
    广州

需要每一项设置 value 值

实例

    
    
    




    

        账号：
        


        密码：
        


        性别：
        男
        女
        


        年龄：
        


        爱好：
        吃饭
        睡觉
        喝水
        


        所在地区：
        
            请选择地区
            北京
            上海
            深圳
            广州
        
        


        签名：
        
        


        阅读并接受《用户协议》
        


        提交