antd-vue如何清除验证后的错误信息

清除验证后的错误信息提示: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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值