清除验证后的错误信息提示:this.form.setFields({验证名:{"errors":null } , })
背景:使用antd-vue的上传控件,上传文件前先判断名称是否符合上传条件。如不符合,则提示符合的文件的名称信息。若符合则可以上传文件。
出现的问题:上传过程中,错误信息还存在。
解决办法:在名称验证通过后,将验证的错误信息清除。核心代码如下。其中inputs:{"upload":{}}中的inputs.upload是设置v-decorator时填写的名称。将这段代码放在:before-upload的方法中,放在名称验证通过之后。
this.form.setFields({
inputs: {
"upload":{
"errors":null
}
},
})
上传文件控件:
<a-form-item label="上传文件" >
<a-upload
name="uploadResource"
action="/Initialization/uploadMdbsResource"
:default-file-list="mdbsFileList"
:data="uploadMDBSData"
@change="changeMdbsUploadList"
:before-upload="beforeUploadMDBS"
v-decorator="[
`inputs.upload`,
{
validateTrigger: [ 'blur'],
rules: [
{validator:validatorMdbsUpload}
],
},
]">
<a-button style="width :180px"> <a-icon type="upload" /> 点击选择MDBS文件</a-button>
</a-upload>
</a-form-item>