在第一次使用ant表单进行登录页面编写,出现了的问题,希望后面跟我遇到同样问题的人,能得到解决。
在使用表单组件,两者不一样,切忌不要混用api,例如出现以下这个问题
this.$refs.Form.validate is not a function
是我使用了elmentuI组件的验证方法,
正确的使用Ant Form表单组件的验证方法是:
this.form.validateFields((err, values) => { if (!err) { console.log('Received values of form: ', values); }
定义了一个submit方法
这里的errors和values,是返回的失败值和成功值,验证成功返回有值的values
总结一下错误:
多看组件文档,文档官方api。