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...
value的传值来源于prop中,如果你上面写了num的话,这里打印出来的value是undefined。你可能会说,那我这暴脾气能忍啊,我直接反手一个this.form.interval.num,不也能拿到值吗?确实可以的,不过不太好吧,就按人家的这样规定来就好了。毕竟你后面绑定的校验项还是要绑定interval的,因为你要校验的是两个值的组合,而不...
/* 登录名校验 */exportfunctionloginNameValidator(rule, value, callback){constreg=/^[a-zA-Z][\w-. @]*$/;if(value ==''|| value ==undefined|| value ==null){callback(); }else{if(!reg.test(value)){callback(newError('要求为:英文字母开头,后续为字母数字及_-. @符号')); }else{...
bidPrice:[{ 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...
'));}else{callback();}};return{ruleForm:{pass:'',checkPass:'',age:''},rules:{pass:[{validator:validatePass,trigger:'blur'}],checkPass:[{validator:validatePass2,trigger:'blur'}],age:[{validator:checkAge,trigger:'blur'}]}};},methods:{submitForm(ruleForm){//官网 this.$refs[rule...
}elseif(!Reg_w(value)) { callback(newError('表名称仅支持字母数字下划线组合')) }else{ callback() } }return{//表单数据form: {//数据表名称sheet: undefined,//数据库库名database: undefined, },//校验规则rules: { sheet: [{ required:true, validator: validatorSheet, trigger: 'blur'}], ...
无论是哪种,最后checkCode最后都指向了下面的函数,接收三个参数,第三那个参数是callback,你在checkCode函数里面调用checkCode函数,这里形成了一个循环,这不是重点,重点是里面的函数只传了一个参数,所以第二遍的时候,value和callback都变成了undefined,然后运行callback,抛出错误。 猜测你下面的checkCode和上面的...
"value": "0", "label": "女", "disabled": false } ] } ] } 然后你需要把这个json渲染成这样: 最后提交表单的数据长这样: { "name": "Genji", "gender": "1" } 然后我们目标就是封装这样一个组件: 实现 开始之前,你需要知道 v-model 的工作原理 : ...