请教各位一个问题，求解答：vue element input 如何判断回程必须大于初始读数？

Question

立即创建重置varMain={data(){return{ruleForm:{turnTrip:'',initReadings:'',desc:''},rules:{turnTrip:[{required:true,validator:(rule,value,callback)=>{if(!value){callback(newError('请输入回程'));}if(value{if(valid){alert('submit!');}else{console.log('errorsubmit!!');returnfalse;}});},resetForm(formName){this.$refs[formName].resetFields();}}}varCtor=Vue.extend(Main)newCtor().$mount('#app')@importurl("//unpkg.com/element-ui@2.5.4/lib/theme-chalk/index.css");https://jsfiddle.net/vx3mftb4/2/

Answer 1

varfirstNumber=(rule,value,callback)=>{
if(!value){
callback(newError("请输入初始读数"));
}
if(value<0){
callback(newError("必须大于0"));
}else{
if(this.dataForm.turnTrip>value){
callback();
}else{
callback(newError("回程必须大于初始读数"));
}
}
};
以上这样放在data()跟return之间就OK。
                            

Answer 2

rules:{
turnTrip:[{required:true,validator:(rule,value,callback)=>{
if(!value){
callback(newError('请输入回程'));
}
if(value<0){
callback(newError('必须大于0'));
}else{
callback();
}
},trigger:"blur"},type:'number'],
initReadings:[
{required:true,message:'请输入初始读数',trigger:'change',type:'number'}
],
}