1. 没有绑定 ref 2. 没有绑定校验对象 3. 调用提交表单的时候,参数没传对 4. 没有绑定表单 大体这四点吧! <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm...
在官网中的实例中,我们在绑定方法的时候,将ref绑定的名称ruleForm字符串传入: 点击提交按钮触发的submitForm方法: 这里要注意到,传入的是一个字符串,所以方法中用的是this.$refs[formName] =》this.$refs['ruleForm'],这种形式等同于this.$refs.ruleForm,而我的代码: 没有传入字符串,而是将表单绑定的form对象...
通过最外层的<el-form>上:model="ruleForm"和input框上的v-model="ruleForm.password"属性 能够获取到input表单上的元素,并且把它们存放在data函数的返回值中 */ return { ruleForm: { username: '', password: '', repassword: '' }, /* 通过最外层的<el-form>上:rules="rules"属性可以校验用户名和...
在官网中的实例中,我们在绑定方法的时候,将ref绑定的名称ruleForm字符串传入: 点击提交按钮触发的submitForm方法: 这里要注意到,传入的是一个字符串,所以方法中用的是this.$refs[formName] =》this.$refs['ruleForm'],这种形式等同于this.$refs.ruleForm,而我的代码: 没有传入字符串,而是将表单绑定的form对象...
首先说一下 我在form表单里面遇见的坑: 1.例如我要给后台传的不是对象,而是一个数组,怎么写验证? 2.比如我有四个弹出框,都要做验证,这个时候就要注意了,每一个弹出框的ref都不能给的一样,并且一定要与当前弹框的确定或者保存按钮一一对应,例如:第一个弹框的ref='number',按钮的click比如为xxxxxx('number...
一、前言在开发Vue项目过程中,应用element-ui做表单验证遇到this.$refs[formName].validate()提示validate()未定义的问题。 二、问题原因要验证的DOM,还没有加载出来。 三、解决方法首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form(有时候获取到数组,需要按下标取值)。其次在拿到了正确的form...
1、使用 resetField() 之前 el-form 一定要加 ref 属性 2、表单项 el-form-item 没有添加 prop 属性,同时 prop 属性值需与表单项的 v-model 保持一致 3、resetFields() 是将表单项重置为初始值,而这个初始值是在 Vue mounted 时赋值上去的,如果在这之前对表单进行了赋值,则初始值会改变(例如 created 时...
表单中每个item项v-model绑定的data的字段,必须必须必须,和rules中的对应字段,名字名字名字,一样,否则校验时取不到值(undefined),所以无论输入什么或者选择什么都校验不过。 正确代码方式如下 <el-formlabel-width="100px":model="addForm":rules="rules"ref="addForm"><el-form-itemlabel="报表"prop="reportVa...
elementui框架表单验证bug:v-if和v-show 做表单验证时,根据某状态需要显示不同的字段,需要控制字段显示与隐藏,v-if 和v-show v-show:提交表单时validate验证不通过,因为虽然v-show=false了,但实际是渲染了dom的,也参与了表单验证。 v-if:相同的两个el-form-item,有一个验证失效,解决办法:在el-form-item ...