子组件派发事件和值给父组件
# 子组件派发事件和值给父组件
子组件通过$emit
派发事件和值给父组件(值可以有多个)
this.$emit('fnX', value)
1
父组件通过v-on
绑定子组件派发的事件,并触发一个新的事件,新的事件内可以接收传来的值
<ComponentName @fnX="fnY"></ComponentName>
methods: {
fnY(value) {
console.log(value)
}
}
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 父子组件间传递数据 demo
See the Pen mdJVqgg by Memorydoc (@Memorydoc) on CodePen.
编辑 (opens new window)
上次更新: 2022/03/08, 00:59:33