vue3+ts 父组件中调用子组件中的方法

vue3+ts 想在父组件中调用子组件中的方法,代码如下:
父组件中:

img

img

img

img


子组件

img


结果:

img

在父组件输出menuModal.value,也是显示undefind,想问问是为什么,怎么解决

ref给个初始null

先从 onMounted 里面抓一下 ref 看看能不能抓到?

如果不是写法问题的话,怀疑是不是reactive里面的handleAdd两者对应的ref不为同一个?

正确写法:menuModal.value?.add()