vue3 ts 父组件调用不到子组件,报错处理

最近开发项目遇到，父组件一直无法调用到子组件中方法的问题。

经过一番研究，以下代码解决，其实是需要将子组件中的方法暴露出来。

父组件中代码

    const taskListRef = ref(null);

    const refreshTaskList = async () => {

      await nextTick(); // 等待下一个 DOM 更新周期完成

      if (taskListRef.value) {

        console.log("刷新任务列表", taskListRef.value);

        taskListRef.value.hgetcreativelist(); // 调用子组件中的方法

      }

    };

在子组件代码

    // 暴露方法给父组件

    defineExpose({

      hgetcreativelist

    });