目录

子组件派发事件和值给父组件

提示

Vue官方文档 (opens new window) 原笔记 (opens new window) 说明:本章内容是博主收录的Vue学习笔记,基于原笔记的修改

# 子组件派发事件和值给父组件

API (opens new window)

子组件通过$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

# 父子组件间传递数据 demo

See the Pen mdJVqgg by xugaoyi (@xugaoyi) on CodePen.

上次更新: 2022/05/12 14:57:53
最近更新
01
关于我
07-14
02
科学上网
11-15
03
OSS+CDN
09-23
更多文章>
极昼青春
买辣椒也用券