关于form表单提交validate验证报错总结

在开发时使用this.$refs.form.validate();会有几种情况报错：

• this.$refs.form.validate((valid) => {不进入这个函数})
• 报没有validate方法

遇到以上问题从以下几个地方检查：

1.对于第一个bug，检查写的校验是否写正确了，能够正常callback出来，不然校验就走不出来当然就进入不到那个函数了；

2.对于第二个bug：

   a.检查html中是否给form定义了ref

   b.检查是否该组件是否只存在一个你定义的ref的表单，比如你定义的ref='form', 要检查是否只存在一个form，否则this.$refs.form就是一个数组，this.$refs.form.validate当然就会报错了。

对于第二个bug的b情况举例：

错误的情况：在v-for中定义表单，会导致有多个表单，该form就不是唯一的，this.$refs.form就是一个数组，this.$refs.form = [{},{},...],this.$refs.form.validate()就会报validate没有这个属性或函数

修改后把form放到for循环的外面：