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>