vue2子组件向父组件传值,当进入页面后立即传递
时间: 2023-12-28 09:05:45 浏览: 57
vue 子组件和父组件传值的示例
可以使用子组件的 `mounted` 钩子函数,在组件挂载后立即向父组件传递数据。
在子组件中,使用 `$emit` 方法向父组件发送数据,例如:
```
mounted() {
this.$emit('event-name', data);
}
```
其中,`event-name` 是自定义的事件名称,`data` 是要传递的数据。
在父组件中,使用 `v-on` 或 `@` 绑定子组件的事件,例如:
```
<template>
<my-component @event-name="handleEvent"></my-component>
</template>
<script>
export default {
methods: {
handleEvent(data) {
// 处理传递过来的数据
}
}
}
</script>
```
在父组件中,使用 `v-on` 或 `@` 绑定子组件的事件时,事件名称需要加上 `event` 前缀,即 `v-on:event-name` 或 `@event-name`。在方法中,可以通过参数获取子组件传递的数据。
阅读全文