Data communication of sub-components in dynamically rendered form list data in vue

problem description

in the project, a common global component for image upload is used, which is defined as UpDropzone component. After the picture is uploaded successfully, the url of the picture will be returned to the dynamic rendered form list (parent component). The current requirement is that after dynamic rendering, you can still manipulate the form, modify the picture, and re-upload the picture, so that the returned url cannot find the corresponding parent component. Therefore, the requirement cannot be realized

related codes

  • template Code
// 
    bindListUrl(url) {
      this.academicForm.academicProve = url;
    },

question

for dynamically rendered forms, how do I bind the returned url to the corresponding itemForm?
ask for advice.

Dec.13,2021

<up-dropzone @upsuccess="url => bindListUrl(url, itemForm)">
</up-dropzone>

you can use this method to make callback parameters call method

with the data you need.
Menu