element-ui上傳一張圖片后隱藏上傳按鈕

來自：https://github.com/ElemeFE/element/issues/3367#issuecomment-376402380 侵刪

 

el-upload里面綁定一個占位class：

:class="{hide:hideUpload}"

data里面初始值：

hideUpload: false,

limitCount:1

onChange里面（添加文件、上傳成功和上傳失敗時都會被調用的那個）：

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

handleRemove里面（刪除文件被調用的那個）：

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

style，把scoped去掉（或者外部引入樣式文件，主要目的是為了修改element-ui自帶的樣式）

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