vue3里面父组件调用子组件的方法
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是在项目中实战的代码截取,实际上,嵌套比较深,不能谈得上是父组件调用子组件的方法,是调用孙组件了都是,但是层层掉下去,道理是一样的,就一级一级的调下去