Element对img图片列表,头像,el-upload做表单验证

做项目的时候有时候会遇到这种需求:

1,用户头像要做必填验证

2,产品的多图也要进行必填验证

第一种:用户头像

用户头像都是单张图,可以利用利用el-input组件做验证,看完整代码

注:我在做这个时候有一个bug,就是el-upload上传成功图像后,图像怎么都不显示,最后是看到URL.createObjectURL这个才解决的

第二种:图片列表

多图是数组的形式,刚好el-check-group也是数组形式,可以用它做验证

下面看完整代码

注意:表单验证必须要在el-form-item标签上进行

 

欢迎留言,1小时内回复。

我已经用vue+element做过好几个大型项目,遇到过不少坑,希望能帮到有需要的人。

另外,这些博客上的视频教程真的对开发有不小的帮助,发出来的大部分我都已经看了,良心推荐

注:下载本站视频仅供个人学习使用,禁止用于其他用途,因用户自身造成一切问题与本站无关!版权归原作者所有,本站不承担技术及版权问题,如有侵犯您的权益请联系我们删除

为您推荐

发表评论