Vue3中传递给子组件的函数Prop为undefined的问题求助

最近碰到个闹心的问题，我想让子组件调用父组件传过来的函数Prop，之前用同样的方式在别的组件上都好好的，这次却不管用——子组件里的props.onDoubleClick一直是undefined，根本触发不了父组件的方法。

先贴一下父组件的相关代码：

<template>
  <DataTable
    :on-double-click="goToDevicePage"
  />
</template>

然后是子组件的相关代码：

<template>
  <TableRow
    v-for="(row, index) in filteredRows"
    :key="row.id"
    @dblclick="() => handleDoubleClick(row)"
  />
</template>

<script setup lang="ts">
const props = defineProps<{
  onDoubleClick?: (cells: any[]) => void;
}>();

function handleDoubleClick(row: any) {
  const cells = row.getVisibleCells();
  if (props.onDoubleClick !== undefined) {
    props.onDoubleClick(cells);
    console.log("onDoubleClick被调用"); // 日志根本没输出，说明props.onDoubleClick还是undefined
  }
}
</script>

我已经排查过一些点：父组件里的goToDevicePage函数是正常定义的，在其他地方调用都没问题；子组件的双击事件能正常触发，handleDoubleClick函数也能执行到，就是props.onDoubleClick始终是undefined。有没有大佬能帮我看看哪里出问题了？

备注：内容来源于stack exchange，提问作者maybrother