需求: 当只上传一张附件时,添加完照片后添加按钮自动隐藏,删除后添加按钮能再次显示~~~~

上传前,有添加按钮

image.png

上传一张照片后,添加按钮隐藏

image.png

删除上传的照片,添加按钮重新展示


解决方案: => issuecomment-376402380https://www.jianshu.com/p/2c5...

el-upload里面绑定一个占位class:

:class="{hide:hideUpload}"

data里面初始值:

hideUpload: false,

onChange里面(添加文件、上传成功和上传失败时都会被调用的那个):

this.hideUpload = fileList.length >= this.limitCount;

handleRemove里面(删除文件被调用的那个):

this.hideUpload = fileList.length >= this.limitCount;

style,把scoped去掉:

<style>
.hide .el-upload--picture-card {
    display: none;
}
</style>

black
9 声望1 粉丝

你所拥有的生活不是你唯一的生活