vue3 +elementPlus上传照片墙

获取到照片字符串然后push到fileList对应的URL中

 if (formData.value.pictures) {
      let zz = formData.value.pictures.split(",")
      zz.forEach((item) => {
        fileList.value.push({ url: item })
      })
    }

对应表单

 <el-form-item  label="内容详情图">
          <el-upload
            action="/api/v1/upload"
            :headers="{ Authorization: null }"
            :on-remove="handleRemove"
            :on-preview="handlePictureCardPreview"
            v-model:file-list="fileList"
            :limit="5"
            :auto-upload="true"
            list-type="picture-card"
          >
            <el-icon><Plus /></el-icon
          ></el-upload>
        </el-form-item>

保存或修改时,第一次添加到fileList时存在response，第二次没有，这里需要debug观察

formData.value.pictures = ""
  fileList.value.forEach((item) => {
    if (item.response) {
      formData.value.pictures += item.response.data + ","
    } else {
      formData.value.pictures += item.url + ","
    }
  })
  formData.value.pictures = formData.value.pictures.slice(0, formData.value.pictures.length - 1)