(1) — Solve the problem that the Upload component in element-UI cannot bind corresponding elements when multiple elements are used

Solve the problem that the upload component of Element-UI cannot bind corresponding elements when it is used in multiple ways. In previous projects, the upload of pictures is single or several pictures (mainly element based on VUE), and the picture path is fixed. Therefore, we have encountered the problem of uploading multiple pictures in the list, so let’s take a look at the common forms

All elements in an Element can be used normally, but not when a list is being uploaded

First of all, the data in the list is dynamically obtained, so to change an image, we need to get the index value of the image index, In the el-upload component :on-success=”handleAdPicSuccess” and :on-change=”handleAdPicChange”, there is no way to pass parameters, so we have to add the required parameters before executing these methods. The method is as follows:

Change :on-success=”handleAdPicSuccess” :on-change=”handleAdPicChange” to :on-success=”(res,file)=>{return handleHeadSuccess(res,file, index)}” :on-change=”(res,file)=>{return handleHeadChange(res,file, Index)}”;}

This method is not necessarily the easiest, but if someone has a better one, let’s talk about it