Передать метод от дочернего компонента к родительскому компоненту в vuejs

Question

Может ли кто-нибудь помочь мне с передачей функции из дочернего компонента в родительский компонент? Я вызываю модальный родительский компонент. Внутри компонента есть две кнопки отмены и отправки. Я хочу закрыть дочерний компонент после нажатия кнопки отправки или отмены. Я попытался закрыть модальное окно, объявив "show" в данных. Это делает стиль display = None и приводит к исчезновению модального окна, но после этого я не могу прокручивать экран.

Родительский компонент

<div>
  <modal-dialog v-if="show" id="showCommentEffortBox">
     <input type="button" value="Cancel" @click="show=false">
     <input type="button" value="Submit" @click="show=false">
  </modal-dialog>

data() {
     return {
        show: true
       }
    }

Дочерний компонент

<template>
    <transition name="modal">
        <div class="modal fade" tabindex="-1" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog" style="max-width: 95%">
                <div class="modal-content"  style="max-height: 90vh;">
                    <header class="modal-header">
                        <slot name="header">
                        </slot>
                    </header>
                    <section class="modal-body" style="overflow-y: auto">
                        <slot name="body">
                        </slot>
                    </section>
                </div>
            </div>
        </div>
    </transition>
    </template>

    <script>
    export default {
    *****
    }
    </script>

Заранее спасибо

Answer 1

Посмотрите эти документы, это базовое c стандартное поведение.

https://vuejs.org/v2/guide/components.html#Listening -to-Child-Components-Events