Vue3中父组件调用子组件方法失败,Vue2可正常调用求助
Vue3父组件调用子组件方法的解决方案
你遇到的错误是因为Vue3在refs使用、组件实例暴露规则上和Vue2存在差异,以下分两种常用场景给出解决方法:
一、使用选项式API的情况
- 在父组件模板中给子组件绑定ref:
<ChildComponent ref="childComponent" />
- 直接通过父组件自身的
$refs调用方法,无需借助$root:
this.$refs.childComponent.methodName()
注意:确保在组件挂载完成后调用(比如
mounted钩子或用户交互事件中),否则$refs可能未完成初始化。
二、使用组合式API(
相关产品推荐
相关产品推荐

