Upload uploads pictures in element, how to display the queried pictures in the editing function, and then add and delete questions normally.

figure 1 below is the referenced element upload component.
figure 2 shows that the upload and removal are successful and saved to the background via filelists.
figure 3 shows the data reflected in the modified item editing function. Anti-display can be realized. However, clicking on the reflected image to view or delete will prompt a "filePath" of undefined "error. Personal consideration is that the reflected image is not associated with the successful upload and removal of hooks for this component < del > but suffers from not knowing how to associate < / del > ~
to solve the great gods

1
2
3

Vue.js element-ui
Mar.18,2021

when loading details, you can save the string of image passed from the backend and convert it to an array

. 
this.xx.imgList=resp.xx.images

find this url, when you remove it and delete it 

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);
  }

how do you implement echo, and which function?

Previous: Form form

Next: Will database transactional integrity be guaranteed when tomcat shuts down?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu