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

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

子组件

结果：

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

报告相同问题？

提交关注问题

vue3+ts 父组件中调用子组件中的方法 typescript vue.js 前端
2022-06-14 11:35

回答 2 已采纳 ref给个初始null 先从 onMounted 里面抓一下 ref 看看能不能抓到？如果不是写法问题的话，怀疑是不是reactive里面的handleAdd两者对应的ref不为同一个？
Vue3 组件递归中,递归下调用父父组件的方法,请教 vue.js 前端有问必答
2022-06-04 09:01

回答 4 已采纳这种涉及到多层级的组件通信，建议使用vue的provide和inject从上层组件提供函数和数据给所有下层组件，下层接收使用详细使用方式请查阅文档~https://v3.cn.vuejs.org/
uniapp 父组件调用子组件中方法第一次不执行 html5 vue.js 有问必答
2021-04-26 20:22

回答 3 已采纳应该是加载基础类库的代码放错地方了
[vue3 + TS] 父组件调用子组件的多种方法
2022-04-02 17:46

wyy7293的博客父组件 <Footer ref="footerRef" /> setup() { const footerRef = ref<InstanceType<typeof Footer>>() const parentClick = () => { footerRef.value?.handleFn('111') }
Vue+TS+子组件回调父组件的方法
2021-07-29 21:26

yy763496668的博客微信公众号：猿媛大本营概述: 子组件回到父组件的方法正文：在封装组件的时候，我们可能经常会碰到子组件调用父组件的方法的情况，这种情况非常类似于Java、C#等编程语言中的回调方法或委托。下面我们来记录一下...
没有解决我的问题, 去提问