Element UI 日期选择器校验问题:起始时间不能为空提示消失
根据提供的代码,可以看出起始时间的校验规则是在checkStartTime方法中进行的。当起始时间为空时,会调用callback方法返回一个错误信息。在clearIncomePeriodDateStart方法中,起始时间被清空后,会调用this.$refs.form.clearValidate('incomePeriodDateStart')方法来清除校验。
根据问题描述,可能是因为在第一次填写时间后,校验规则没有完全清空导致的。为了解决这个问题,可以尝试在clearIncomePeriodDateStart方法中,手动将校验规则重置为初始状态:
clearIncomePeriodDateStart() {
this.form.incomePeriodDateStart = ''; // 清空起始时间
this.$nextTick(() => {
this.$refs.form.clearValidate('incomePeriodDateStart'); // 清除校验
this.$refs.form && this.$refs.form.$refs.incomePeriodDateStart && this.$refs.form.$refs.incomePeriodDateStart.clearValidate(); // 手动重置校验规则
});
},
在上述代码中,通过this.$refs.form.$refs.incomePeriodDateStart.clearValidate()手动重置校验规则。这样,在每次清空起始时间后,校验规则就会被完全清空,能够正常触发起始时间不能为空的校验提示。
原文地址: https://www.cveoy.top/t/topic/o9eE 著作权归作者所有。请勿转载和采集!