vue-element Form表单验证踩坑（表单验证明明有值，却提示错误）

在使用element-UI 的表单时，发生一个验证错误，错误图片先贴出来


输入有值，但报错

代码如下所示：

原绑定


rules规则

绑定都是没有错误的，然后我们利用自定义校验规则验证

使用官网给出的这种形式，将value值打印出来，发现并不能获取到input中的值，显示undefined

最终发现，prop对应的不单单是rules规则里面的验证项，同时对应着我们form-item下的v-model的值。prop绑定的类要与el-form-item下的v-model的值相对应。我们将其做个修改

修改prop


将rules名与prop对应
成功

这样，问题就解决了

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • #养育记录#
    ～“妈妈去弄指甲啦！” ～“你别弄得夸张，考虑一下我的三观！” ～“我可以按我自己的方式美吗？” ～“可以。只是你...
    寒妈阅读 353评论 0赞 1
  • 一本正经的胡说八道 给跪了orz
    离家的孩子大概都有一项技能叫做胡说八道，恩，算是报喜不报忧吧.. 好的妈妈，我知道了。我有按时吃饭，早睡早起，坚持...
    暗中观察jpg阅读 416评论 0赞 0
  • 你
    可能是骨子里的东西， 杜康伴着思念入怀来。 心里脑子里都是思念的人， 手机连接的是思念担心的你。 想跟你说千言万语...
    叁拾弍厘阅读 277评论 0赞 0
  • 时光无恙
    时光是阵风，带走了年少傲慢的轻狂、世俗的媚态，然后，留下一种和顺、一种柔软。 我在清晨的风中伫立，看见河水奔流、看...
    陈先生的猫阅读 861评论 0赞 1