以前用el-form的validate方法,都能够正常进入回调函数,代码下图所示:this.formAddGood.validate((valid: boolean) => { if (valid) { this.addGood(); } else { console.log('submit error'); } }); 但是无法进入回调函数。private rules = { goodName: { required: true, message: '请输入机名称', ...
第一次是正常的校验通过,所以valid为true,然后再执行saveContract方法的时候,因为执行的时有个错误——can't read properties from undefined (read xxx),导致这个表单校验的回调函数有执行了一遍,并且valid为false; 比较坑的一点是,在我们执行saveContrace方法报错的时候,一般来说,应该有错误打印在控制台的,但是vali...
el-form validate回调函数 el-form 的 validate 方法可以用来校验表单数据,它的回调函数可以用来处理校验结果。回调函数的参数是一个布尔值,表示校验结果是否通过。如果校验通过,回调函数会返回 true,否则返回 false。示例代码:```html。 <template>。 <el-form :model="form" :rules="rules" ref="form">。 <...
在validate方法回调函数的第一行打印了日志,控制台没有任何输出,说明代码没有执行。 查阅了element文档以及度娘,有说是自定义校验方法的问题,但是把自定义校验相关代码及相关表单项都删除后问题还是没有解决。 各种尝试之后,最后发现是时间日期选择器这块的问题 校验规则rules中两个时间日期选择器的规则中带了type:date...
关于el-form的validate方法不起效的问题,可以按照以下步骤进行排查和解决: 确认el-form的validate方法调用是否正确: 确保你在调用validate方法时,传入了正确的回调函数。以下是一个调用validate方法的示例: javascript this.$refs.myForm.validate((valid) => { if (valid) { alert('验证成功!'); } else {...
1:el-form中使用v-model="ruleForm"代替了:model="ruleForm",正确的应为后者。 2:el-form-item中的prop属性设置错误,官网给出了解释。即prop=a,v-model=Form.a,Js中表单数据字段Form:{ a:'', b: [] },需要一一对应,不能出现差错。 3:<el-button @click="resetForm('ruleForm')">重置</el-butt...
validate校验 自定义校验方法是一个在校验结束后才会被调用回调函数,所以在提交表单的时候我们需要通过$refs来调用validate来继续自定义校验。自定义校验规则时必须保证每个分支都调用了callback方法,否则会导致el-form组件在使用validate方法时无法进入回调函数。调用validate()校验时需要prop属性绑定校验的字段名,否则无法校...
</el-form-item> <el-form-item label="密码"> <el-input type="password" v-model="form.pwd"></el-input> </el-form-item> <el-form-item> <el-button type="primary" @click="onSubmit">登录</el-button> <el-button>取消</el-button> ...
<el-form-item prop="name" label="姓名"> <el-autocomplete ref="autocompleteRef" v-model.trim="numberValidateForm.name" :fetch-suggestions="querySearch" placeholder="请输入姓名" @select="handleSelectFun" @change="handleChangeFun" clearable style="width: 100%"></el-autocomplete> ...