element ui upload上传图片给同一数组不同对象赋值实例

假设你有一个包含不同对象的数组，每个对象都需要上传一张图片，你可以使用 Element UI 的 Upload 组件来上传图片，并且将上传成功后的图片地址赋值给对应的对象属性。

示例代码如下：

<template>
  <el-upload
    class="avatar-uploader"
    action="/api/upload"
    :show-file-list="false"
    :on-success="handleSuccess"
  >
    <img v-if="imageUrl" :src="imageUrl" class="avatar">
    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: '',
      objects: [
        { id: 1, name: 'Object 1' },
        { id: 2, name: 'Object 2' },
        { id: 3, name: 'Object 3' },
      ],
      currentObjectIndex: 0,
    };
  },
  methods: {
    handleSuccess(response, file, fileList) {
      this.imageUrl = URL.createObjectURL(file.raw);
      const currentObject = this.objects[this.currentObjectIndex];
      currentObject.image = this.imageUrl;
      this.currentObjectIndex++;
    },
  },
};
</script>

在这个示例中，我们创建了一个包含不同对象的数组 `objects`，每个对象都有一个 `image` 属性用于存储上传成功后的图片地址。在上传成功后，我们将图片地址赋值给当前对象的 `image` 属性，并且将 `currentObjectIndex` 加 1，以便上传下一个对象的图片。