vue3 父组件调用子组件方法
背景:项目开发过程中,父组件有个公用的btn,需要调用子组件的某一个方法。
父组件
<child ref="childRef"></child>
// 声明ref
const childRef = ref();
// 处理方法
const handleFun = (num: number) => {
// 需要传参的可以在这里定义一个参数,进行传递
childRef.value.childFun(num);
}
子组件child
// 子组件方法
const childFun = (num: number) => {
// 这个num就是父组件传过来的参数
console.log('子组件被调用的方法',num);
}
// 将这个子组件方法在子组件被暴露出去。
defineExpose({childFun})
ok
还在学习中,轻点喷,欢迎大佬指点