vue element ui 子组件向父组件传值

写项目碰到弹窗（子组件）向他的父组件传值，具体如下：

父组件：

<Zjhinfo v-if="ZjhinfoVisible" ref="Zjhinfo" @tellFatherName="getMySonName"></Zjhinfo> //子组件向父组件传值 getMySonName(data) { this.dataForm.zjh = data.zjh[0] this.dataForm.zjxm=data.zjxm[0] this.dataForm.dwmc=data.dwmc[0] this.dataForm.zyjszw=data.zyjszw[0] }

子组件：

Submit(zjh,zjxm,dwmc,zyjszw) { this.$emit('tellFatherName',{zjh:zjh,zjxm:zjxm,dwmc:dwmc,zyjszw:zyjszw}) this.visible=false }

步骤：

1.子组件关闭触发函数写：

this.$emit('tellFatherName',{zjh:zjh,zjxm:zjxm,dwmc:dwmc,zyjszw:zyjszw})

向父组件的@tellFatherName触发函数传递参数，父组件函数触发后直接data接收。

2.父组件接收：

//子组件向父组件传值 getMySonName(data) { this.dataForm.zjh = data.zjh[0] this.dataForm.zjxm=data.zjxm[0] this.dataForm.dwmc=data.dwmc[0] this.dataForm.zyjszw=data.zyjszw[0] }