這篇文章給大家分享的是有關(guān)element-ui如何實(shí)現(xiàn)上傳一張圖片后隱藏上傳按鈕功能的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)專注于正陽企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,成都商城網(wǎng)站開發(fā)。正陽網(wǎng)站建設(shè)公司,為正陽等地區(qū)提供建站服務(wù)。全流程按需求定制設(shè)計(jì)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

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

el-upload里面綁定一個(gè)占位class：

:class="{hide:hideUpload}"

data里面初始值：

hideUpload: false,

limitCount:1

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

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

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

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

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

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

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

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

感謝各位的閱讀！關(guān)于“element-ui如何實(shí)現(xiàn)上傳一張圖片后隱藏上傳按鈕功能”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！