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

写项目碰到弹窗(子组件)向他的父组件传值,具体如下:

父组件:



//子组件向父组件传值
    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]
    }

 

你可能感兴趣的:(vue前端)