【报错解决】Vue Element UI表单验证报错 Cannot read property ‘validate‘ of undefined

【报错解决】Vue Element UI表单验证报错Cannot read property 'validate' of undefined报错还原项目背景报错原因报错解决原创不易，有用请鼓励个【赞】，谢谢你哦 ~报错还原[Vue warn]:Error in v-on handler:"TypeError: Cannot read properties of undefined (reading

我梦Leo

5268人浏览 · 2021-11-23 19:01:57

我梦Leo · 2021-11-23 19:01:57 发布

我立志做一名把细节都说清楚的博主，欢迎关注🎉 ~
原创不易，有帮助还请鼓励个【赞】哦，谢谢无敌可爱帅气又迷人的小哥哥、小姐姐，爱你哦 ❥(^_-)~

报错还原

[Vue warn]: 
Error in v-on handler: 
"TypeError: Cannot read properties of undefined (reading 'validate')"

项目背景

VUE + Element UI
使用Element UI 官方带有验证功能的表单

报错原因

在表单的默认名称被修改了，
但是‘el-form ’标签中ref="ruleForm"的名称没有改。
导致注册名称不一致，从而触发该报错。

报错解决

如果自定义表单名称。
一定要将【ref=“ruleForm”】内的表单名称一并修改。

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^