defineExpose失效的问题

2023年11月15日22:08:11

记录下vue3在setup语法糖下defineExpose失效的问题

父子组件都使用setup语法糖的情况下，子组件defineExpose导出方法后，父组件通过 childRef.value?.closeRegionCamera() 调用子组件方法出现 undefined，报错 closeRegionCamera not a function。目前尚不清楚是vue3的问题还是我个人代码的问题。

打印子组件模板引用 childRef.value 发现外层并没有 closeRegionCamera 方法，目前不清楚为何会造成和官方文档相悖的这种情况发生。解决方法是在父组件这样调用 childRef.value?.$.exposed?.closeRegionCamera()