vue-ueditor-wrap. 多次上传照片

您好！对于多次上传照片，您可以使用vue-ueditor-wrap的以下方法来实现：

1. 在Vue组件中引入vue-ueditor-wrap模块，并在data中定义一个数组来存储上传的照片列表，例如：

import VueUeditorWrap from 'vue-ueditor-wrap';

export default {
  components: {
    VueUeditorWrap
  },
  data() {
    return {
      photos: [] // 用于存储上传的照片列表
    };
  }
}

2. 在模板中使用vue-ueditor-wrap组件，并将上传成功后的回调函数绑定到`@ready`事件上，例如：

<template>
  <div>
    <vue-ueditor-wrap
      @ready="handleEditorReady"
    ></vue-ueditor-wrap>
    <div v-for="(photo, index) in photos" :key="index">
      <img :src="photo.url" alt="照片" />
    </div>
  </div>
</template>

3. 在`handleEditorReady`方法中，获取上传的照片列表，并将其添加到之前定义的photos数组中，例如：

methods: {
  handleEditorReady(editorInstance) {
    const uploader = editorInstance.getUploader();
    if (uploader) {
      uploader.ready(() => {
        // 监听上传成功事件
        uploader.addListener('uploadSuccess', (file, response) => {
          // 获取上传成功后的照片URL
          const photoUrl = response.url;
          // 将照片信息添加到photos数组中
          this.photos.push({ url: photoUrl });
        });
      });
    }
  }
}

通过以上方法，您可以实现多次上传照片，并将其展示在页面上。希望能对您有所帮助！如有其他问题，请随时提问。