一、el-upload设置必填 需求描述 提交表单的时候,图片作为必填项,如果没有上传,提示信息和输入框单选框一样,在表单相关字段下进行提示,而不是通过message提示(如下图)。 message提示.jpg 实现步骤 提交表单的时候,el-upload作为一个表单项,在rules里面加上校验。 需要注意的是,因为不会直接进行绑定,上传成功以及删...
你把你封装好的 <updataAdvertisemt> 组件每次图片上传完成之后都把收集到的数据 emit 到父组件就好了,具体是使用 $emit 还是自己写一个自定义 v-model 都可。然后父组件接收到数据之后赋值给你 <el-form> 组件绑定的 model 表单数据变量就好。 最后就是校验规则,如果你返回的 url 是一个字符串,多图使用,号...
如下图我们直接校验el-upload,会发现当图片上传完成后,校验还在,没有消失,我们想要的是图片上传完成后校验消失解决方法: 使用el-checkbox-group代理,将Form.imageUrl绑定在el-checkbox-group上 然后将校验的trigger值换成change即可 <el-checkbox-group v-model="Form.imageUrl" v-show="false"></el-checkbox-gro...
这个提示一般是绑定在el-form-item上的,所以你只要 titleImg 设置了 rules 验证失败下面会有红字。只是组件内部的el-upload框框变红之类的交互得自己实现了 el-form-item 验证失败后这个 div 会多一个叫 is-error 的class,然后他的子元素 el-form-item__content 下面会多一个 el-form-item__error你可以按照...
如下图我们直接校验el-upload,会发现当图片上传完成后,校验还在,没有消失,我们想要的是图片上传完成后校验消失解决方法: 使用el-checkbox-group代理,将Form.imageUrl绑定在el-checkbox-group上 然后将校验的trigger值换成change即可 <el-checkbox-group v-model="Form.imageUrl" v-show="false"></el-checkbox-gro...