vue3 父组件调用子组件方法

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

还在学习中，轻点喷，欢迎大佬指点