最近开发项目遇到,父组件一直无法调用到子组件中方法的问题。
经过一番研究,以下代码解决,其实是需要将子组件中的方法暴露出来。
父组件中代码
const taskListRef = ref(null);
const refreshTaskList = async () => {
await nextTick(); // 等待下一个 DOM 更新周期完成
if (taskListRef.value) {
console.log("刷新任务列表", taskListRef.value);
taskListRef.value.hgetcreativelist(); // 调用子组件中的方法
}
};在子组件代码
// 暴露方法给父组件
defineExpose({
hgetcreativelist
});
水木