（自用）子组件需要调用父组件的方法，并且有返回值

65 阅读 0 评论 43 点赞

我是靠谱客的博主神勇枫叶，最近开发中收集的这篇文章主要介绍（自用）子组件需要调用父组件的方法，并且有返回值，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

使用element上传的时候封装了个文件上传，上传之前的校验是个有返回值的函数，直接传true或者false不行，直接用下面这段代码调用父组件方法返回undefined

//子：
const emit = defineEmits(['handleBeforeUpload']);
emit('handleBeforeUpload')
//父：
const handleBeforeUpload =()=>{return true}

解决方案：

//子：
const emit = defineEmits(['handleBeforeUpload']);
emit('handleBeforeUpload', (val:boolean) => {
result = val;
});
//父：
const handleBeforeUpload = (callback: any) => {
//一个判定条件
if(isFalse){
callback(false);
return ;
}
callback(true);
}

通过添加回调函数的方式解决了这个问题