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