$emit传递一个参数时
//子组件代码
let data = {name:'王五',age:'50'};
this.$emit('change',data)
//父组件代码
<editable-cell @change="onCellChange($event)" />
onCellChange(backMsg) {
	this.msg = backMsg;
}
$emit传递多个参数时
//子组件代码
let data = {name:'王五',age:'50'};
let type = '5'
this.$emit('change',data,type)
//父组件代码如下
<editable-cell @change="onCellChange(arguments)" />
//arguments 是关键字
onCellChange(backMsg) {
	this.data = backMsg[0]; //{name:'王五',age:'50'}
	this.type = backMsg[1];	//5
}

通过$emit 实现子组件向父组件通信

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐