表单验证 this.$refs[formName].validate()
// 一直报错："TypeError: Cannot read property 'validate' of undefined"
// 打印了一下this.$refs[formName]，检查是否拿到了正确的需要验证的form。
// console.log(this.$refs[formName])获得的是undefined。
// 在el-form中将 ref="formQuery" 前面加上了 ' : ' 解决 。
-------------------------
<el-form
:inline="true"
:model="formQuery"
:ref="formQuery"
:rules="rules"
class="demo-form-inline"
>
<el-form-item label="aops_id" prop="aid">
<el-input v-model.number="formQuery.aid"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery(formQuery)">查询</el-button>
</el-form-item>
</el-form>
--js----------------------
methods: {
handleQuery(formName) {
// console.log(this.$refs[formName])
this.$refs[formName].validate(valid => {
if (valid) {
alert('submit!')
} else {
console.log('error submit!!')
return false
}
})
}
}