【element-ui】form表单验证不生效的原因及解决方案


今天在项目中用到element的表单验证,按照官网上的说明写的代码,但是怎么都不会生效,自己对比了代码很久依旧没有什么发现,最后终于找到了问题所在:

在官网中的实例中,我们在绑定方法的时候,将ref绑定的名称ruleForm字符串传入:

点击提交按钮触发的submitForm方法:

这里要注意到,传入的是一个字符串,所以方法中用的是this.$refs[formName] =》this.$refs['ruleForm'],这种形式等同于this.$refs.ruleForm,而我的代码:

没有传入字符串,而是将表单绑定的form对象传入了,这样,当然是会报错的:

此外还要注意的是,传入的参数是ref属性绑定的名称,这里名称恰巧为form,和model绑定的属性名相同,项目中,如果为免混淆其实可以使用其它名称:

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM