关于vue出现Cannot read property 'validate' of undefined"

解决Element UI使用表单校验功能控制台出现Cannot read properties of undefined (reading 'validate')报错

vue表单校验提交报错TypeError: Cannot read property 'validate' of undefined 原因是 @click="addUser(addForm.ruleForm)" 中的 addForm.ruleForm 没有使用引号。 正确写法： <el-button type="primary" @click="addUser(‘addForm.ruleForm’)">提交</el-button> ...

四种场景： 在提交表单结果的时候出现报错 1. 找不到ref值的情况： Error in v-on handler: “TypeError: Cannot read property ‘validate’ of undefined” 解决方法 看看 中的 formRef 与 <el-form ref="formRef"></el-form>中的 formRef是否一致，改为相同。 2. 模型没有验证时的情况： [Element Warn][Form]model is requ

【代码】this.$refs[form].validate用法。

在写一个Vue练手项目时，我使用rulse对表单中用户输入的数据进行校验，但莫名奇妙就发现：当我点击提交表单时，表单中的数据都验证成功了，但是却发现没有任何反应！经过debug发现，程序在运行到。回调函数，如果没有找到该回调函数，就会直接跳过箭头函数中的逻辑。这一行时，直接就跳过了(○´･д･)ﾉ  直接蒙圈了😵。后，并不会直接走箭头函数中的逻辑，而是直接走。最终确定了问题的罪魁祸首是。时，它会先寻找该函数中的。函数，然后补齐未添加上的。校验表单时，并且使用了。

今天写vue项目的时候,控制台一直报错,花了很长时间都才解决,希望这篇文章对大家有帮助 报错信息: 解决方案: <el-form label-position="top" label-width="100px" class="demo-ruleForm" :rules="rules" :model="ruleForm" status-icon ref="ruleForm" > <el-f

这是有问题的代码，验证错误，this.refs.form.validate(valid => {}）回调 data() { // 校验时间 let validatePerson = (rule, value, callback) => { if (!value.length) { callback(new Error('请选择参与人员')) } } let validateName = (rule, valu.

elementUI 表单校验，在校验不通过时可以打印出值，校验通过反而不打印了 submitForm(formName) { console.log(1111); console.log("formName", formName); this.$refs[formName].validate((valid) => { if (valid) { //不打印 this.$message({ showClose

elementUI

表单验证 给el-form 添加属性:rules='formLoginRules',formLoginRules则是验证规则 在data中定义formLoginRules的规则 export default { data() { return { loginForm: { username: "", password: "" }, // 定义验证规则列表 loginFormRules: { usern

问题：        [Vue warn]: Error in event handler for "click": "TypeError: Cannot read property 'validate' of undefined" 解决：   this.$refs.myBrandForm.validate()中的与ref="myBrandForm"名字叫的不一致，或者ref这个就...

在做注册用户的页面使用表单校验一直提示Cannot read property 'validate' of undefined错误，其实这个错误的提示根据有多种情况，比较常见的就是 ref 的名字不一样 1.第一种 我出现的错误是因为写ref的时候前面多了一个冒号，那么冒号在vue中表示的是绑定的意思。如果是直接写上内容就不要加上这个冒号就解决了 2.第二种 在调用校验方法的时候如果没...

使用React+antd开发，本地使用新建表单Form的Input没什么问题，但是，打包到服务器上之后，在输入框输入值后报错，Cannot read property ‘validate’ of undefined。

今天在做Vue 一直提示这个方法没声明,最后发现是因为表单form的属性ref和$refs指定的表单名称不一样。 把下面的$refs和ref名字保持一致就行了。 this.$refs.loginForm.validate(valid =&gt; { ref="loginForm" 关于vue的$refs和ref区别可参看vue中的 ref 和 refs...