Vue用elementui表单校验报错: Error in v-on handler: "TypeError: Cannot read property 'validate' of undefined
直接按照elementui官方的写法:submitForm(formName) {this.$refs[formName].validate((valid) => {if (valid) {alert('submit!');} else {console.log('error submit!!');...
·
直接按照elementui官方的写法:
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
//form表头这么写的
<el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px" class="demo-ruleForm"></el-form>
报错:
解决办法:是把表头的 ref 和 this.$refs.formItemName.validate((valid) => {};的 formItemName 改为一致,如下图;
//校验活动形式
this.$refs.formItemName.validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('活动形式必填呀呀呀呀呀呀!!');
return false;
}
});
//form表头 ref 改为
<el-form ref="formItemName" :model="ruleForm" :rules="rules" label-width="100px" class="demo-ruleForm"></el-form>
更多推荐
已为社区贡献10条内容
所有评论(0)