form.valueRange); cb(new Error(`value=${value}, dtr=${this.form.valueRange}`)); } } ] } }; } }; var Ctor = Vue.extend(Main); new Ctor().$mount("#app"); 你期待的结果是什么?实际看到的错误信息又是什么? validator的value应该是包含Date的数组, 实际上为undefined,而form.valueRange...
//可以直接放在data里面testRules:(data,param1,param2)=>{return[{//在这里 value值是取不到的,只能使用自己传参的data的值validator:(rule,value,callback)=>{if(!data){//验证不通过callback(newError('!表单验证'));}//验证通过callback();},trigger:'blur'}];} 参考;https://segmentfault.com/...
value的传值来源于prop中,如果你上面写了num的话,这里打印出来的value是undefined。你可能会说,那我这暴脾气能忍啊,我直接反手一个this.form.interval.num,不也能拿到值吗?确实可以的,不过不太好吧,就按人家的这样规定来就好了。毕竟你后面绑定的校验项还是要绑定interval的,因为你要校验的是两个值的组合,而不...
if (value == undefined || "" === value) { return callback(new Error('呼叫失败ID不能为空')); } if (!Number.isInteger(value)) { callback(new Error('请输入数字值')); } else { callback(); } }; formRules: { callFailedFlowId: [{ validator: checkcallFailedFlowId, trigger: 'bl...
自定义校验器validator不一定要放置在外部文件中,也可以放置vue文件中。 放置在data中,但不被return所包括的位置,尾部没有逗号。 constloginNameValidator= (rule, value, callback) => {constreg=/^[a-zA-Z][\w-. @]*$/;if(value ==''|| value ==undefined|| value ==null){callba...
validator(rule,value,callback){ if(value===''||value===undefined) { callback(newError('请输入投标价格!')); }elseif(isNaN(value)) { callback(newError('请输入数字值!')); }elseif(Number(value)>50||Number(value)<=0) { callback(newError('需大于0,小于等于50')); ...
} else if (value !== this.ruleForm.pass) { callback(new Error('两次输入密码不一致!')); } else { callback(); } }; return { ruleForm: { pass: '', checkPass: '', age: '' }, rules: { pass: [ { validator: validatePass, trigger: 'blur' } ...
- `value`表示当前表单项的值。 - `callback`是一个回调函数,如果验证成功,需要调用该函数并传入一个参数`undefined`;如果验证失败,需要调用该函数并传入一个参数字符串,表示验证失败的错误提示信息。 以下是一个例子,展示了如何使用`validator`属性自定义表单验证规则: ```html <template> <el-form :model="fo...
// 伪代码functioncheckTime(rule,value,callback){if(value==='test1'){callback()}else(value==='test2'){callback()}else{callback()}} 研究发现校验函数要接收的参数直接以此作为一个属性放到校验规则对象中即可。 //伪代码rules:{startDate:[{validator:checkTime,test1:'test1',test2:'test2'}],} ...
在el-form-item上写上prop='address',然后自定义校验方法,通过validator进行校验。 想法已经完成了,那么如果项目当中不仅仅一处用到地址输入的话,我们是不是就有必要对该组件进行封装,让他成为我们的常备组件之一了。 好吧!那就开始封装组件了。 我们的组件封装的仅仅是级联选择器和Input输入框,并不包含校验规则,...