vue项目自定义弹窗组件请求接口,element弹窗关闭事件处理

背景：因为使用的若依框架，原来的需求是点击详情进入详情页面，但为了与框架保持统一，现改为弹窗形式

难点：之前的页面传参是通过路由传参，现在要改成打开弹窗时传入参数；关闭弹窗事件处理

父组件：

<!-- 用户详情弹窗 -->
<UserDetail :dialogVisible="dialogVisible" :userId="getUserId" @closeDailog="closeDailog" v-if="dialogVisible == true"/>

//:dialogVisible="dialogVisible" 传入显显示或隐藏组件
//:userId="getUserId" 传入用户id
//@closeDailog="closeDailog" 子组件通知父组件关闭弹窗事件
//v-if="dialogVisible == true" 仅当点击时才显示弹窗子组件

子组件：

<template>
    <div class="app-container">
        <el-dialog title="用户信息" :visible.sync="showDalog" @close="closeDailog" :show-close="true" :destroy-on-close="true">
            <el-row v-loadin