vue父组件获取子组件数据对象

Question

我想在父组件上获取排子组件数据对象

<ct-select
    v-model="text"
    @getSearchName="getName">
    <ct-option 
      v-for="(item, index) of dataList" 
      :key="index"
      :value="item.value"
      :label="item.label">
    </ct-option>
  </ct-select>

在父组件ct-select里的mounted下用this.$slots.default
获取为undefined，因为dataList是异步获取到的

//ct-select
  export default {
    mounted() {
        console.log(this.$slots.default) //undefined
    }
  }

有什么办法可以在异步的情况下在mounted里能获取到子组件上的数据对象??

Answer 1

<ct-option ref="ctOption"
      v-for="(item, index) of dataList" 
      :key="index"
      :value="item.value"
      :label="item.label">
 </ct-option>
 export default {
    mounted() {
        this.$refs.ctOption.default
    }
  }