vue子组件调用父级事件
时间: 2023-10-13 19:21:42 浏览: 128
分分钟玩转Vue.js组件
在 Vue 中,子组件可以通过 `$emit` 方法触发父组件中的自定义事件,并且可以传递参数。具体步骤如下:
1. 在父组件中定义一个自定义事件,例如 `myEvent`。
2. 在子组件中通过 `$emit` 方法触发父组件中的自定义事件,并且传递参数。例如:`this.$emit('myEvent', param)`。
3. 在父组件中通过 `v-on` 或 `@` 绑定自定义事件并定义事件处理函数。例如:`<child-component @myEvent="handleEvent"></child-component>`。
4. 在父组件中定义事件处理函数 `handleEvent`,并且可以获取子组件传递的参数。例如:
```
methods: {
handleEvent(param) {
console.log(param); // 子组件传递过来的参数
}
}
```
这样子组件就可以调用父级事件了。
阅读全文