有一些验证不是通过input select这样的受控组件来触发验证条件的 可以通过自定义验证的方法来触发~
比如上传文件必填的校验 要通过验证fileList是否为空来判断~
//:show-message 绑定验证条件 (验证条件 在提交时判断两个文件都上传)
//error 提示信息
<el-form-item label="封面图片:"
label-width="120px"
required
:show-message="fileRequired"
error="请上传两张封面"
>
//computed
computed: {
fileRequired(){//文件验证
return this.submitFlag && (!this.form.darkCoverImg || !this.form.lightCoverImg);
}
},
methods: {
handleSubmitBtn () {
this.submitFlag = true;//上传验证
this.$refs.form.validate((valid) => {
if (valid) {
if(this.fileRequired) return;//文件验证
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
}