ElementUI图片上传 缩略图 picture-card 数量限制

 问题描述：

        在图片上传列表中，需要对图片上传的个数进行限制，在增加图片到最大数量限制时，就将上传框隐藏掉；在删除后，就再次显示出来；如果仅仅用 limit 是 可以实现功能的，但是会在后面发现下图最后面的框，还能选取文件，只是上传不了；

 

一、通过 limit 进行长度限制，设置 动态class  来进行显示和隐藏；

关键代码：     :limit="limitCount"     :class="{hide:hideUpload}"

二、在文件上传和文件移除时，根据已经上传的列表的长度（length），对上传框进行显隐；

关键代码：this.hideUpload = this.fileList.length >= this.limitCount;

三、通过样式来控制

这里有写 scoped，需要进行样式穿透 /deep/

 ——End