Loading

Vue收集表单数据

  1. 若:<input type="text" />,则v-model收集的是value值,用户输入的就是value值。

  2. 若:<input type="radio" />,则v-model收集的是value值,且要给标签配置value值。

  3. 若:<input type="checkbox" />
      (1)没有配置input的value属性,那么收集的就是checked(勾选 or 未勾选,是布尔值)。
      (2)配置input的value属性:
        a、v-model的初始值是非数组,那么收集的就是checked(勾选 or 未勾选,是布尔值)。
        b、v-model的初始值是数组,那么收集的就是value组成的数组。

  4. v-model的三个修饰符:

     lazy:失去焦点再收集数据。
     number:输入字符串转为有效数字。
     trim:输入首尾空格过滤。
    
posted @ 2021-10-05 21:51  IamHzc  阅读(64)  评论(0编辑  收藏  举报