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

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

:class="{hide:hideUpload}"

data里面初始值：

hideUpload: false,

limitCount:1

onChange里面（添加文件、上傳成功和上傳失敗時(shí)都會被調(diào)用的那個）：

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

handleRemove里面（刪除文件被調(diào)用的那個）：

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

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

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

PS：下面看下element-ui 上傳圖片時(shí)表單驗(yàn)證提示不消失

1.方法一:   表單元素上添加   v-model="list.length"；

2.添加一個ref ,之后在on-change 事件里清空表單驗(yàn)證  

總結(jié)

以上所述是小編給大家介紹的element-ui上傳一張圖片后隱藏上傳按鈕功能，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時(shí)回復(fù)大家的！