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对象...
在官网中的实例中,我们在绑定方法的时候,将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"属性可以校验用户名和...
今天使用vue + Element-UI 自己练习项目,使用了Element-UI 的表单校验,下面代码不起效果,后来我发现控制台报错了,参考百度说是类型要把String 加上去,我试了下,还是不行,下面是哪里有问题呢? 这是控制台报的错误: 这是我在form-item.vue文件中添加的String类型 : 以下是我的代码块: <template> <div class=...
问题场景 详情页有个编辑按钮,点击进入编辑页,由于详情页和编辑页是同一个页面,只是后面通过type参数来进行区分(detail和edit),这样就是导致路径未变,只是参数变化...
1、给需要 v-if 判断的表单项添加 key 值2、将校验规则直接绑定在 el-form-item 上3、v-show 代替 v-if4、使用自定义校验规则
可以看到,按照官网的写法动态渲染的表单项是无法进行校验验证的。这里就是无论选中没选中值都校验不通过。 解决 修改prop、rules 代码语言:javascript 复制 <el-form-item v-for="(teaclass,index) in addFom.classIds":label="`班级${index+1}`":prop="'classIds.'+ index + '.classId'":rules="rules...
点击搜索后正常显示搜索的数据,本来应该点击重置后回到原来展示所有数据的样子。 但是点击重置后并没有用。 我原来以为重置是自己写了额外的方法,但是我查看methods里面的方法发现,这个按钮是调用的查询方法,只不过查询之前,他使用resetForm()方法去清空表单中的所有数据。