父组件使用子组件自定义事件
时间: 2023-11-11 20:56:02 浏览: 63
Vue父组件调用子组件事件方法
父组件可以使用子组件的自定义事件来传递数据。在父组件中,通过在子组件标签上绑定自定义事件的监听器,并在监听器中定义回调函数来接收子组件传递的数据。
下面是一个示例代码:
```html
<template>
<div>
<child-component @customEvent="handleCustomEvent"></child-component>
</div>
</template>
<script>
import ChildComponent from 'path/to/child-component'
export default {
components: {
ChildComponent
},
methods: {
handleCustomEvent(data) {
// 处理子组件传递的数据
console.log(data)
}
}
}
</script>
```
在上面的代码中,父组件使用`@customEvent`指令绑定了一个自定义事件监听器,并在该监听器中调用`handleCustomEvent`方法来处理子组件传递的数据。当子组件触发了`customEvent`事件时,父组件的`handleCustomEvent`方法会被调用,并传入子组件传递的数据作为参数。
阅读全文