[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘validate’ of undefined“表单提交验证报错

vue2表单提交验证时报错

排查1：首先检查el-form中有没有绑定rule

<el-form ref="form" :model="form" label-width="100px" :rules="rules" :hide-required-asterisk="true">

排查2：检查el-form-item有没有绑定prop

<el-form-item label="详细地址：" prop="detailedAddress">

排查3：检查methods中，$refs后面的form是否与el-form绑定的ref值相对应

 this.$refs.form.validate((valid) => {

排查4：检查表单是否在弹窗或者抽屉中，这种需要点击才会生成节点的内容，可以在校验之前添加下面这行代码可以避免报错

 if(this.$refs['form'] !== undefined) {}