vue element ui 子组件向父组件传值
写项目碰到弹窗(子组件)向他的父组件传值,具体如下:父组件:<Zjhinfo v-if="ZjhinfoVisible" ref="Zjhinfo" @tellFatherName="getMySonName"></Zjhinfo>//子组件向父组件传值getMySonName(data) {this.dataForm.zjh = da...
·
写项目碰到弹窗(子组件)向他的父组件传值,具体如下:
父组件:
<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]
}
更多推荐
已为社区贡献2条内容
所有评论(0)