根據id,讓el-upload的上傳文件回顯


一、 情況

表格內容中,編輯的情況打開彈窗,后端只返回了一個文件id

 

二、 解決過程

通過vue工具觀察到上傳文件之后的組件內容是這樣的數據結構,那只要再編輯打開彈窗的時候,

獲取圖片內容,改寫組件數據內容就可以達到回顯的效果。

 

 

 

三、解決辦法

1、根據id獲取到文件內容,包括url (response.data.url) 和文件名字 (response.data.originalFileName)

2、寫入數組里

 

 

相關變量代表意義: this.fileList為el-upload對應的:file-list;

 

fileList為

 

 

四、最終效果

 

 

ps: 好久沒更新了,隨便寫的

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM