在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ element中Upload上傳圖片，在編輯功能中怎么顯示查詢(xún)的圖片，然后正常增

element中Upload上傳圖片，在編輯功能中怎么顯示查詢(xún)的圖片，然后正常增刪問(wèn)題

如下圖1，是引用的element上傳組件。
圖2是上傳成功和移除，通過(guò)filelists保存到后臺(tái)。
圖3是修改商品編輯功能中，反顯回來(lái)數(shù)據(jù)?？梢詫?shí)現(xiàn)反顯。但是點(diǎn)擊反顯回來(lái)的圖片查看或者刪除都會(huì)提示'filePath' of undefined" 錯(cuò)誤。個(gè)人考慮是反顯的圖片沒(méi)有和這個(gè)組件的上傳成功鉤子和移除鉤子關(guān)聯(lián)起來(lái) 但是又苦于不知道怎么關(guān)聯(lián)~
求解~~~各位大神

圖1
圖2
圖3

回答
編輯回答
何蘇葉

加載詳情的時(shí)候，可以把后端傳過(guò)來(lái)的image的字符串存起來(lái)，可以轉(zhuǎn)成數(shù)組

this.xx.imgList=resp.xx.images

移除的時(shí)候找到這個(gè)url，刪除掉

handleImgRemove(file, fileList) {
   let url = file.response && file.response.data ? file.response.data : file.url;
   let index = this.xx.imgList.indexOf(url)
   this.editForm.imgList.splice(index, 1);
  }
2017年9月22日 16:32