vue3.2子组件如何传函数给父组件
时间: 2023-06-21 20:08:18 浏览: 98
vue 进阶之实现父子组件间的传值
在Vue 3.2中,子组件向父组件传递函数的方式与Vue 2.x相同。具体步骤如下:
1. 在子组件中定义一个函数,并通过`$emit`方法将其派发出去。
```
<template>
<button @click="handleClick">点击</button>
</template>
<script>
export default {
methods: {
handleClick() {
this.$emit('custom-event', '参数1', '参数2')
}
}
}
</script>
```
2. 在父组件中监听子组件的自定义事件,并在回调函数中处理传递过来的数据。
```
<template>
<child-component @custom-event="handleCustomEvent"></child-component>
</template>
<script>
import ChildComponent from './ChildComponent.vue'
export default {
components: { ChildComponent },
methods: {
handleCustomEvent(arg1, arg2) {
// 处理传递过来的数据
}
}
}
</script>
```
这样就可以将子组件中定义的函数传递给父组件并在父组件中调用了。
阅读全文