步骤重现:
在el-form中做了非空校验
直接点击提交或保存,弹出校验信息('请输入xxxxxx')
在输入框中输入信息后,校验信息无法自动消失
尝试变更form中字段的默认类型,修改rules的change或者blur,都没用.最后选择给form绑定change事件,有值时取消校验.
目前还没找到其他解决办法,做个记录
<el-form-item label="移交日期" prop="transferTime">
<el-date-picker clearable
v-model="sampleHandoverForm.transferTime"
type="date"
value-format="yyyy-MM-dd"
@change="dateChange(sampleHandoverForm.transferTime)"
placeholder="请选择移交日期" style="width: 100%">
</el-date-picker>
</el-form-item>
dateChange(value) {
if (value != null || '' || []) {
this.$refs.sampleHandoverForm.validateField('transferTime', (valid) => {
//valid返回的是规则集中写的错误提示信息,如果满足条件,返回的就是空
if (valid) {
return this.$refs['sampleHandoverForm'].clearValidate('transferTime')
}
})
}
},