关于vue + element ui 表单验证 this.$refs[formName]的问题

表单验证 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

　　　　　　}

　　　　})

　　}

}

 

 

 

 

来源：oschina

链接：https://my.oschina.net/u/4350851/blog/3442965