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()

补充

• 2024年11月20日11:28:14 今天遇到一种defineExpose失效的情况之一，特此记录。单文件组件情况下，<script lang="ts" setup>如果setup顶层使用await异步情况下，defineExpose将会失效。