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

原创已于 2024-06-07 16:40:18 修改 · 2.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue.js #前端

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

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');  //或者校验某个字段  二者选其一
		}
}
}