element-ui上傳一張圖片后隱藏上傳按鈕功能
element-ui上傳一張圖片后隱藏上傳按鈕
el-upload里面綁定一個占位class：
:class="{hide:hideUpload}"
data里面初始值：
hideUpload: false,
limitCount:1
onChange里面（添加文件、上傳成功和上傳失敗時都會被調(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 上傳圖片時表單驗證提示不消失
1.方法一: 表單元素上添加 v-model="list.length"；
2.添加一個ref ,之后在on-change 事件里清空表單驗證
總結(jié)
以上所述是小編給大家介紹的element-ui上傳一張圖片后隱藏上傳按鈕功能，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！
相關(guān)文章
JS動態(tài)添加的div點擊跳轉(zhuǎn)到另一頁面實現(xiàn)代碼
這篇文章主要介紹了JS動態(tài)添加的div點擊跳轉(zhuǎn)到另一頁面實現(xiàn)代碼,需要的朋友可以參考下2017-09-09
關(guān)于javascript的“靜態(tài)類"...2006-10-10
這篇文章主要介紹了javascript頁面倒計時實現(xiàn)方法,可實現(xiàn)簡單的頁面倒計時及自動提交表單功能,非常簡單實用,需要的朋友可以參考下2015-07-07
ES6學(xué)習(xí)筆記之字符串、數(shù)組、對象、函數(shù)新增知識點實例分析
這篇文章主要介紹了ES6學(xué)習(xí)筆記之字符串、數(shù)組、對象、函數(shù)新增知識點,結(jié)合實例形式分析了ES6字符串、數(shù)組、對象、函數(shù)新增知識點、使用技巧與操作注意事項,需要的朋友可以參考下2020-01-01
這篇文章主要介紹了JavaScript節(jié)流和防抖函數(shù)的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-08-08
In Javascript Class, how to call the prototype method.(three
In Javascript Class, how to call the prototype method.(three method)...2007-01-01
JavaScript編寫Chrome擴(kuò)展實現(xiàn)與瀏覽器的交互及時間通知
得益于API,我們可以用JavaScript編寫Chrome擴(kuò)展實現(xiàn)與瀏覽器的交互及時間通知。值得一提的是現(xiàn)在Chrome擁有后臺進(jìn)程可以使通知在前臺瀏覽器關(guān)閉的情況下依然能夠生效.2016-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)的詳細(xì)教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要介紹了12306 刷票腳本及穩(wěn)固刷票腳本的相關(guān)資料,刷票軟件很多，用來刷票的軟件經(jīng)常會出現(xiàn)崩潰，而不能繼續(xù)刷票，需要的朋友可以參考下2017-01-01
javascript運(yùn)行機(jī)制之執(zhí)行順序理解
這篇文章主要介紹了javascript運(yùn)行機(jī)制之執(zhí)行順序理解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08