要判断两个值是否都不为空,可以在表单验证函数中添加逻辑来进行判断。下面是一个示例代码,假设你有一个方法叫做validateNotEmpty
用来验证两个值是否都不为空:
validateNotEmpty(rule, value, callback) {
// 获取另一个字段的值
const otherValue = this.form.predictAfterGuestRoomRetrofitOneRp;
if (value && otherValue) {
callback();
} else {
callback(new Error('请输入预测改造后第1年客房RP和预测改造后第2年客房RP'));
}
},
然后在需要验证的地方,在el-form-item
的rules
属性中调用这个新的验证方法即可:
<el-form-item
prop="predictAfterGuestRoomRetrofitTwoRp"
label="预测改造后第2年客房RP:"
:rules="[
{ required: true, message: '请输入预测改造后第2年客房RP', trigger: 'blur' },
{ validator: validateNumberTwo, trigger: 'blur' },
{ validator: validateNotEmpty, trigger: 'blur' }
]"
>
这样就能够实现在输入第二个值时,同时检查第一个值是否也已经填入内容。
内容由零声教学AI助手提供,问题来源于学员提问