Javascript 子组件上的调用方法-组合API

我有一个父组件，需要在其中调用一个子组件中存在的方法：

<template>
  <div>
    <button @click="callChildMethod">
    <child-component ref="child" />
  </div>
</template>
<script>
  setup(props) {
    const child = ref(null)
    const callChildMethod = () = {
      child.doSomething()
    }

    return {
      child,
      callChildMethod
    }
  }
</script>
  

---

因为我使用的是VueJS3和CompositionAPI，所以我的方法是使用一个调用子组件中的方法。很明显，它不起作用，但我看不出我遗漏了什么。有人知道这件事吗？提前感谢

您的

ref

中缺少值字段，它应该是：

 const callChildMethod = () = {
  child.value.doSomething()
}

 const callChildMethod = () = {
  child.value.doSomething()
}