鍍金池/ 問答/HTML/ 如何利用vue和element做以下這樣的多個圖片上傳功能啦？

如何利用vue和element做以下這樣的多個圖片上傳功能啦？

目前項目我采用的是vue和element框構(gòu)建?，F(xiàn)有如下需求：圖一所示，點擊左上角的”+”按鈕，又可以生成一個圖片上傳框，如圖二所示。這樣每點擊一次按鈕生成一個圖片上傳框，而圖片上傳框中又有“上傳截圖”按鈕，點擊“上傳截圖”按鈕，可以上傳本地圖片，上傳圖片成功后顯示“重新上傳”和“刪除”按鈕（如圖三所示），而每一個圖片上傳框的功能都是相互獨立的，請教大神如何實現(xiàn)圖一中每點擊“+”按鈕，就可以生成一個圖片上傳框呢？
圖一：
clipboard.png

圖二：
clipboard.png

圖三：
clipboard.png

回答
編輯回答
扯不斷

可以將<el-upload>包裹在一個v-for循環(huán)指令中,然后確定按鈕來控制v-for循環(huán)的數(shù)組長度,就可以實現(xiàn)動態(tài)改變上傳標簽的數(shù)量;這種方案比較麻煩,你看如果能修改成一次上傳多張圖片可以使用<el-upload>的multiple屬性

2017年10月19日 22:37