element-ui上傳一張圖片后隱藏上傳按鈕功能
更新時間：2019年05月22日 14:52:47 作者：小角色Byme
這篇文章主要介紹了element-ui上傳一張圖片后隱藏上傳按鈕功能，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下
element-ui上傳一張圖片后隱藏上傳按鈕
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>
PS：下面看下element-ui 上傳圖片時表單驗證提示不消失
1.方法一: 表單元素上添加 v-model="list.length"；
2.添加一個ref ,之后在on-change 事件里清空表單驗證
總結
以上所述是小編給大家介紹的element-ui上傳一張圖片后隱藏上傳按鈕功能，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關文章
這篇文章主要介紹了JS簡單實現(xiàn)獲取元素的封裝操作,結合實例形式分析了JS針對頁面ID、class、TAG元素獲取的函數(shù)與對象封裝操作實現(xiàn)方法,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了js實現(xiàn)星星海特效的示例，幫助大家制作網(wǎng)頁特效，感興趣的朋友可以了解下2020-09-09
AJAX(Asynchronous JavaScript and XML)是一種用于創(chuàng)建快速、動態(tài)和交互式網(wǎng)頁的技術,它的主要優(yōu)勢在于能夠在不刷新整個網(wǎng)頁的情況下與服務器進行數(shù)據(jù)交互,這篇文章主要給大家介紹了關于常見Ajax下載文件方式以及報錯解決辦法的相關資料,需要的朋友可以參考下2024-01-01
這篇文章主要給大家介紹了28個JavaScript常用字符串方法以及使用技巧的相關資料,文中統(tǒng)計的方法都非常實用,無論是日常工作還是面試,都建議多看一看,需要的朋友可以參考下2021-09-09
函數(shù)式編程語言一向被認為是比其它編程語言更高深的語言。一是因為函數(shù)式編程語言的語法很另類，比如Lisp語言，二是因為函數(shù)式編程語言都很古老，比如Schema語言。在如今面向對象語言大行其道的時代，函數(shù)式編程語言有其特殊的優(yōu)勢2015-10-10
下面小編就為大家?guī)硪黄贓S6作用域和解構賦值詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
這篇文章主要介紹了JS實現(xiàn)的隨機排序功能算法,結合具體實例形式分析了javascript常用的排序算法實現(xiàn)技巧,需要的朋友可以參考下2017-06-06
本篇文章給大家分享了關于json前后端數(shù)據(jù)交互方法實現(xiàn)的相關知識點內容，有興趣的讀者們可以參考學習下。2018-09-09
使用JavaScript實現(xiàn)頁面局部更新的方法總結
在JavaScript中,Ajax（Asynchronous JavaScript and XML）是一種用于在后臺與服務器進行異步通信的技術,本文給大家介紹了使用JavaScript實現(xiàn)頁面局部更新的三種方法,文中通過代碼示例給大家介紹的非常詳細,需要的朋友可以參考下2023-12-12
這篇文章主要給大家分享了20個JavaScript?單行代碼,JavaScript單行代碼殺手锏，可以讓工作更有效率哦,需要的朋友可以參考一下，希望對你的學習有所幫助2021-12-12