分享父组件向子组件传值的全过程

146 阅读1分钟

1.子向父传值,需要自定义方法,子组件使用emit监听。

子组件:this.$emit("getInfo", this.dataForm); 父组件:

    <project-info @getInfo="getInfo"></project-info>
    
    写在methods方法里面的不需要在钩子函数里面去调用,子组件触发即可
     getInfo (data) {
      this.custInfo = {
        custId: data.custId,
        custKind: data.custKind,
      }
    }

2.父向子传值,需要自定义变量,子组件使用props接收。

当传递的值是一个对象的时候,自定义变量data 父组件: 子组件:

 props: {
    data: {
      type: Object,
      defalut: () => {
        return {}
      }
    },
  },