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

2025-05-23 代码 877 0

最近开发项目遇到,父组件一直无法调用到子组件中方法的问题。
经过一番研究,以下代码解决,其实是需要将子组件中的方法暴露出来。
父组件中代码

    const taskListRef = ref(null);
    const refreshTaskList = async () => {
      await nextTick(); // 等待下一个 DOM 更新周期完成
      if (taskListRef.value) {
        console.log("刷新任务列表", taskListRef.value);
        taskListRef.value.hgetcreativelist(); // 调用子组件中的方法
      }
    };

在子组件代码

    // 暴露方法给父组件
    defineExpose({
      hgetcreativelist
    });
最后更新于 2025-06-30 09:17:06
vue 前端