表單驗證 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
}
})
}
}