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ù)大家的!
新聞熱點(diǎn)
疑難解答