我有一个父母和两个孩子。第一个孩子是产品卡，第二个孩子是模式窗口。我想点击卡片将真实值发送给模态并显示它。这是我的App.vue组件的模板：

<template>
  <div id="app">
    <div class="region" v-for="region in regions" :key="region">
      <h2 v-text="region"></h2>
      <div class="deputates">
        <deputy
          class="deputy"
          v-for="deputy in deputates_in_regions(region)"
          :key="deputy.id"
          :deputy="deputy"
          @click="open_modal"
        ></deputy>
      </div>
    </div>
    <modal
      class="modal"
      v-for="deputy in deputates"
      :key="deputy.id"
      :deputy="deputy"
      :modal_open="modal_open"
    ></modal>
  </div>
</template>

open_modal默认为假：

export default {
  name: "app",data () {
    return {
      modal_open: false

我要实现它：

open_modal() {
      this.modal_open = true
    }

在组件中接收它：

export default {
    name: "modal",props: {
        deputy: Object,modal_open: {
            type: Boolean,required: true
        }
    }

并显示一个模式窗口：

<template>
    <div class="modal" v-show="modal_open">
        <p>{{ deputy.modal }}</p>
    </div>
</template>

但是我的代码不起作用。