image.png
    form 表单中 有需要上传文档,并且校验是否上传成功的需求
    可以通过上传成功时清除对某个字段的监听,以及删除时,添加字段监听来实现代码如下

    1. // 文件删除
    2. handleRemove(file) {
    3. this.modalForm.appIcon = null
    4. // 删除时候清除校验
    5. this.$refs.modalForm.validateField(['appIcon'])
    6. },
    7. // 上传成功
    8. handleSuccess(file){
    9. this.modalForm.appIcon = file.data.name
    10. console.log(this.modalForm)
    11. this.$message({
    12. message:'上传成功',
    13. type:'success'
    14. })
    15. // 上传成功清除校验
    16. this.$refs.modalForm.clearValidate(['appIcon'])
    17. },