一、前言在开发Vue项目过程中,应用element-ui做表单验证遇到this.$refs[formName].validate()提示validate()未定义的问题。 二、问题原因要验证的DOM,还没有加载出来。 三、解决方法首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form(有时候获取到数组,需要按下标取值)。其次在拿到了正确的form...
或者:this.$refs[ruleForm].validate()方式不识别。需要使用:this.$refs.ruleForm.validate(); 那么如下所示: methods: { submitForm(ruleForm2) { //官网 this.$refs[ruleForm2].validate(); //在实际使用中,会报错。validate未定义 //使用this.$refs.ruleForm2.validate(); 成功。 this.$refs[ruleFor...
formName是form的ref属性//<el-form :model="modelInfo" :rules="rules" ref="formName"> 如果this.$refs[formName].validate()方式不识别。需要使用:this.$refs.formName.validate()
this.$refs[formName].validate((valid) =>{} 无效 - 搬砖的苦行僧 - 博客园 (cnblogs.com)每一个 if 都要对应了一个 else 并且每个条件 下 都要 callback 确保 在不同情况下 都会执行callback所以要在验证时加上else的callback(),具体可看下面的opMoney(在最后)。rules: { opMoney:[{ //如此代码块...
<el-form-itemlabel="是否启用"prop="enable"></el-form-item> 每一个 if 都要对应了一个 else 并且每个条件 下 都要 callback 确保 在不同情况下 都会执行callback 打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form。查看绑定的元素是否写对。
在开发Vue项目过程中,应用element-ui做表单验证遇到this.$refs[formName].validate()提示validate()未定义的问题。 二、问题原因 要验证的DOM,还没有加载出来。 三、解决方法 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form(有时候获取到数组,需要按下标取值)。
2。打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form。查看绑定的元素是否写对 3。如果前两个都没有问题,那么就是你的自定义的校验有问题,没有走通,这也是我踩过的坑。 你可以依次注释掉的一个校验规则,看看注释掉哪个,功能实现了,就说明哪个的校验规则有问题 ...
].validate((valid) => { if (!valid) { console.log(valid)//do something return false }else{ //do something } })formName是form的ref属性 //<el-form :model="modelInfo" :rules="rules" ref="formName"> 如果 this. refs.formName.validate()
验证的每一项下都要 callback返回。 确保在每一种情况下都会执行callback 错误代码:在输入了电话并且验证通过的时候就会没有返回,让表单校验失效。 const validateMobileMethod = (rule, value, callback) =>…
element ui 表单验证 this.$refs[formName].validate()里面的内容死活不执行 如图,代码一直不执行下面。 最主要的原因就是我们设置了自定义验证里面每一个判断都要有callback(),就是要保证最后执行到的是callback(),我是因为用了if elseif 忽略了最后的else中的callback。 解决办法就是必须加上callback();.....