vue 父页面调用子页面方法 返回数据_vue 父组件 调用子组件的方法并return数据获取不到？...

//index.vue img1:

img2:

上传//提交图片的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页面，还有什么方法可以解决这个问题？