<el-form :model="form" :rules="rules" ref="form">
<el-form-item label="开始" prop="start">
<el-input v-model="form.start" placeholder="请输入开始" />
</el-form-item>
<el-form-item label="结束" prop="end">
<el-input v-model="form.end" placeholder="请输入结束" />
</el-form-item>
js部分
data() {
var validateStart = (rule, value, callback) => {
if(this.form.End){
this.$refs.form.validateField('end');
}
callback();
};
var validateEnd = (rule, value, callback) => {
if(this.form.start){
if(Number(this.form.start) < Number(value)){
callback();
}else{
callback(new Error('结束必须大于开始'));
}
}else{
callback();
}
};
return {
//验证规则
rules: {
start: [
{ required: true, message: '请输入开始', trigger: 'blur' },
{ validator: validateStart, trigger: 'blur' },
],
end: [
{ required: true, message: '请输入结束', trigger: 'blur' },
{ validator: validateEnd, trigger: 'blur' },
],
}
}