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