element-ui限制一张图片上传

需求描述:在做图片上传组件的时候 有时候需求回要求只能上传一张图片 bug:element-ui在上传完一张图片后上传按钮还会存在 虽然可以用自带的limt属

在这里插入图片描述
需求描述:在做图片上传组件的时候 有时候需求回要求只能上传一张图片
bug:element-ui在上传完一张图片后上传按钮还会存在 虽然可以用自带的limt属性加以限制 但是上传按钮依然会存在 且存入数组的值依然会增加
在这里插入图片描述

解决:可以判断上传后数组的length来控制图片上传的样式 让其上传一张后隐藏上传按钮 达到控制图片上传的数量需求


 // 隐藏图片上传按钮uploadDisabled() {return this.goodsimage.length > 0   //判断图片上传的数量动态控制按钮隐藏与显示},

最终效果
在这里插入图片描述

在这里插入图片描述
礼包视频也是如此要求仅限上传1个视频 由于是button按钮 俺就直接使用v-if判断视频的length来控制视频上传按钮的显示与隐藏

点击上传

在这里插入图片描述

上传视频后按钮隐藏
在这里插入图片描述
em…