解决方案一:通过增加el-checkbox-group
<el-form-item label="底图文件" prop="underlayFile"> <!-- 解决文件上传后校验信息还存在的问题 --> <!-- 注意修改绑定的模型数据 --> <el-checkbox-group v-show="false" v-model="reproductionForm.underlayFile"> </el-checkbox-group> <upload-file ref="uploadFileRef" @getFile="getFile"></upload-file> </el-form-item>
解决方案二:自定义校验
data(){ // 自定义验证 let validateImage = (rule, value, callback) => { //验证器 if (!this.checkImgSuccess) { //为true代表图片在 false报错 callback(new Error('请上传图片')); } else { callback(); } }; return{ // 模型数据 } }
在表单的校验规则中加入自定义的校验
rules: { coverImg: [{required: true, validator: validateImage, trigger: 'change'}], },