在vue中，现有一个图片上传的封装组件，怎么子每次上传的时候返回图片的url

在上传图片的时候，可以通过监听上传成功的事件，在事件中获取上传成功后的图片 URL，并将其传递给父组件。具体实现步骤如下：

1. 在图片上传组件中，定义一个方法用于监听上传成功的事件，例如：

methods: {
  handleSuccess(response, file, fileList) {
    // 上传成功后的处理逻辑
    this.$emit('upload-success', response.data.url);
  }
}

2. 在上传成功后，通过 `$emit` 方法将图片 URL 传递给父组件。在父组件中，使用 `v-on` 指令监听子组件的 `upload-success` 事件，并在事件处理方法中获取图片 URL，例如：

<template>
  <div>
    <upload-component v-on:upload-success="handleUploadSuccess"></upload-component>
  </div>
</template>

<script>
export default {
  methods: {
    handleUploadSuccess(url) {
      console.log('上传成功，图片 URL 为：', url);
      // 在这里可以将图片 URL 存储到本地或者发送到服务器
    }
  }
}
</script>

这样，每次上传成功后，子组件就会将图片 URL 通过 `upload-success` 事件传递给父组件，父组件就可以获取到图片 URL 并进行相应的处理了。