美文网首页
记vue中使用validator动态验证表单获取不到值的坑

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

作者: 豁啦子 | 来源:发表于2020-03-26 09:56 被阅读0次

问题场景

  • 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就好了

相关文章

网友评论

      本文标题:记vue中使用validator动态验证表单获取不到值的坑

      本文链接:https://www.haomeiwen.com/subject/iysquhtx.html