一、el-upload设置必填 需求描述 提交表单的时候,图片作为必填项,如果没有上传,提示信息和输入框单选框一样,在表单相关字段下进行提示,而不是通过message提示(如下图)。 message提示.jpg 实现步骤 提交表单的时候,el-upload作为一个表单项,在rules里面加上校验。 需要注意的是,因为不会直接进行绑定,上传成功以及删...
火山引擎是字节跳动旗下的云服务平台,将字节跳动快速发展过程中积累的增长方法、技术能力和应用工具开放给外部企业,提供云基础、视频与内容分发、数智平台VeDI、人工智能、开发与运维等服务,帮助企业在数字化升级中实现持续增长。本页核心内容:如何通过el-upload组件进
你把你封装好的 <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-upload,会发现当图片上传完成后,校验还在,没有消失,我们想要的是图片上传完成后校验消失解决方法: 使用el-checkbox-group代理,将Form.imageUrl绑定在el-checkbox-group上 然后将校验的trigger值换成change即可 <el-checkbox-group v-model="Form.imageUrl" v-show="false"></el-checkbox-gro...