父组件：

    1. <SignOutTipDialog
    2.     :signoutDialogVis="signoutDialogVis"
    3.     @close="closeSignOutEvent"
    4. />
    5. data() {
    6.     return {
    7.       signoutDialogVis: false,
    8.   }  
    9. }
    10. methods: {
    11.     //关闭的事件
    12.     closeSignOutEvent(val) {
    13.       console.log('closeSignOutEvent',val);
    14.       this.signoutDialogVis = val.isClose;
    15.       if(val.confirm) {
    16.         //调接口
    17.       }
    18.     }
    19. }

    子组件：

    1. <!--签退提示-->
    2. <template>
    3.     <div class="sign-out-dialog-container">
    4.         <el-dialog
    5.             title="签退提示"
    6.             :visible.sync="signoutDialogVis"
    7.             width="30%"
    8.             :before-close="handleClose"
    9.         >
    10.             <span class="center">确定退出当前RPA机器人端账户的登录状态吗？</span>
    11.             <span slot="footer" class="dialog-footer">
    12.               <el-button @click="cancelEvent">取 消</el-button>
    13.               <el-button type="primary" @click="confirmEvent">确 定</el-button>
    14.             </span>
    15.           </el-dialog>
    16.     </div>
    17. </template>
    19. <script>
    20.   export default {
    21.       props: {
    22.         signoutDialogVis: {
    23.             type: Boolean,
    24.             default: false
    25.           }
    26.       },
    27.       data() {
    28.           return {
    30.           }
    31.       },
    32.       methods: {
    33.           //关闭
    34.           handleClose() {
    35.             this.$emit('close',{
    36.               isClose: false,
    37.             });
    38.           },
    39.           //取消
    40.           cancelEvent() {
    41.             this.$emit('close',{
    42.               isClose: false,
    43.             });
    44.           },
    45.           //确定
    46.           confirmEvent() {
    47.               this.$emit('close',{
    48.                   confirm: true,
    49.                   isClose: false,
    50.               });
    51.           }
    52.       }
    53.   }
    54. </script>
    56. <style lang="scss" scoped>
    57.   .sign-out-dialog-container {
    59.   }
    60. </style>