Vue 自定义子组件向自定义父组件传值详解

接上篇：Vue 子组件利用父组件数据/props初始化data及问题详解

直接上代码：

1.自组件相关代码(this.$emit())：

methods: {

  /**
   * 弹窗关闭
   */
  ok() {

    this.$emit('toParentSaveUser', this.userDetailOfParent) // 关联名称和传递参数

  },
  /**
   * 弹窗关闭
   */
  cancel() {
    // this.$Message.info('Clicked cancel');
  }

2.父组件代码(v-on和对应方法)：

<system-user-detail
  v-bind:user-modal-config="userModalConfig"
  v-bind:user-detail-of-son="userDetail"
  v-on:toParentSaveUser="saveUser"
></system-user-detail>

methods:{saveUser(data) {console.log(data)},},

3.运行