vue 父组件 调用子组件的方法并return数据获取不到？

Question

//index.vue img1:<uploadArea ref="upload1" :url="url"/>
img2:<uploadArea ref="upload2" :url="url"/>
<button @click="submit">上传</button>//提交图片的http地址async submit () {      let imgs1 = await this.$refs.upload1.uploadPic();      let imgs2 = await this.$refs.upload2.uploadPic();
      console.log(imgs1[0])
}//uploadImg.vue 图片上传组件uploadPic() {  //...
  return imgs  //通过ajax获取上传图片的本地地址换取对应的http地址，然后返回出来}

流程是首先点击提交按钮触发submit方法执行子组件的uploadPic方法，把本地的图片上传获取到http链接，然后执行submit下边的代码提交这个表单。因为uploadImg.vue是通用组件所以他不能涉及业务逻辑。

项目中所有图片上传都用的是uploadImg.vue这个组件，但是有的页面是有多个用到图片上传组件的地方，
我试了一下通过return无法将imgs传到index页面，还有什么方法可以解决这个问题？