父页面

1. 点击事件

   <!-- 具有权限控制的保存功能按钮 -->
                <el-button
                    class="right_title-btn"
                    style="float: right; margin-bottom: 20px;"
                    v-if="$hasPermission('basedata:configinfo:save')"
                    type="primary"
                    @click="addOrUpdateHandle('', 'add')"
                    :disabled="!configgroupObj.id"
                >
                    添加
                </el-button>

2.组件弹窗

  <!-- 组件弹窗 新增 / 修改  开始-->
        <add-or-update
            v-if="addOrUpdateVisible"
            ref="addOrUpdate"
            @refreshDataList="getRightList"
            :configgroupObj="configgroupObj"
           
        ></add-or-update>
        <!-- 组件弹窗 新增 / 修改 结束 -->

3. data中定义对象

 data() {
        return {
configgroupObj: {}, // 左侧表主选中行
}

4.methods中添加方法赋值

    methods: {
   // 点击左侧cell
        getDetails(row) {
            this.configgroupObj = row
        },
}

子页面

1. props方法中接收值, 与methods方法平级

    props: {
        configgroupObj:{
            type:Object,
            default:{} // 默认值
        }
    },

2. 提交数据时赋值

     // 表单提交
        getInfo() {
                this.dataForm.configgroupid = this.configgroupObj.id;
}