记vue中使用validator动态验证表单获取不到值的坑

问题场景

• Vue中使用validator时遇到无法获取到值的问题

问题原因

• prop上的变量和input框中v-model绑定的变量不一致导致

<Form ref="basicForm" :model="params" :rules="userRules" >
      <FormItem label="分组数量 ：" prop="GroupNumber">
          <InputNumber placeholder="请输入分组数量"
            v-model="params.GroupNumber" />
      </FormItem>
</Form>

• 我把prop的变量和v-model的变量名写成不一致了，导致获取不到值，不能实现动态验证输入的内容，都改成GroupNumber就好了