elementUI el-form表单的upload(必填校验)上传文件后立即校验

woderuiggya

已于 2024-06-07 16:40:18 修改

阅读量1.1k

点赞数 2

文章标签： elementui vue.js 前端

于 2024-03-16 16:16:56 首次发布

本文链接：https://blog.csdn.net/woderuiggya/article/details/136764595

版权

1.使用upSuccess

 upSuccess(res) {
      this.$message.success("上传成功！");
	  this.$refs['ruleForm'].clearValidate(['visibleFileUrl'])	//清除提示
	  this.$refs.ruleForm.validateField('visibleFileUrl');    //或者校验某个字段 二者选其一
	  //(['visibleFileUrl'])为绑定的prop
    },

2.使用watch监听

watch:{
"ruleForm.visibleFileUrl"(){
if(this.ruleForm.visibleFileUrl){
			this.$refs['ruleForm'].clearValidate(['visibleFileUrl']) //清除提示
			 this.$refs.ruleForm.validateField('visibleFileUrl');  //或者校验某个字段  二者选其一
		}
}
}