vue3里面父组件调用子组件的方法

作者: adm 分类: 前端 发布时间: 2023-04-25

demo1:
主文件:


const sonDom = ref(null);
const uploadImgs = () => {
sonDom.value.sonMothod();
};

// 任务提交
const submitTask = (data) => {
console.log(“新建任务提交: “, data);
uploadImgs();
}

子组件:


const ref_basic = ref(null);
// 调用子组件的方法
const sonMothod = () => {
ref_basic.value.sonMothod();
};

父组件调用子组件方法,其实就是利用ref,子组件的方法也都会挂载在ref指向的dom上。

以上dome是在项目中实战的代码截取,实际上,嵌套比较深,不能谈得上是父组件调用子组件的方法,是调用孙组件了都是,但是层层掉下去,道理是一样的,就一级一级的调下去

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!