Vue3 Composition API嵌套模板引用改写问题求助

在Composition API中处理嵌套$refs的思路和Options API逻辑一致，只需先通过ref()创建顶层引用变量并绑定到模板，后续嵌套引用的访问逻辑几乎不变——因为子组件用的是Options API，它内部的$refs机制不会改变。

具体实现步骤： #

1. 创建顶层引用变量：在<script setup>（或setup函数）中用ref()定义对应原this.$refs.data的变量；
2. 模板绑定引用：将顶层变量绑定到对应组件的ref属性上；
3. 重构验证函数：直接定义函数，用ref.value替代原this.$refs，后续嵌套引用的访问逻辑保持不变。

完整代码示例： #

脚本部分（