vue父组件调用子组件的方法，获取同步(实时)的返回结果

vue父组件调用子组件的方法，获取同步(实时)的返回结果

//父组件

<template>
   <Child ref="childRef">
</template>

<script>
import Child from '.Child.vue'
components:{
  Child,
}
setup(props,ctx){

const childRef=ref()
//调用子组件的方法
const getChildValue=()=>{
  childRef.value.handlerSelectConfirm().then(selectData=>{
    //得到返回值
  })
}

return {
  childRef,
  getChildValue
}

}
</script>

 

子组件

//子组件

<template>
</template>

<script>

setup(props,ctx){
const chooseData= ref([])


const handlerSelectConfirm=async()=>{
  return new Promise((resolve,reject)=>{
    //返回结果
    resolve(chooseData.value)
  })
}

return {
  chooseData,
  handlerSelectConfirm,
}


</script>