如何从单个子组件生成表中的动态组件？

Question

我有一个包含表的父组件，并且有一个“加号”按钮，可打开子组件以显示引导程序弹出窗口。
当前，此弹出框是在从父组件加载时为表中的所有加号按钮创建的。我想仅在单击加号按钮时创建每个弹出框。

具有下方按钮的表格视图。

parentComponent.vue
`

<template>
   <div v-if="item">
      <icon
        :id="`item-popover-${ index }`"
        icon="plus-circle"
      />
   </div>
   <component
     :is="reserveView"
     :id="`item-popover-${ index }`"
    />
</template>
<script>
import ReservePopover from './reserve-popover'

export default {
    data () {
      return {
        reserveView: 'reserve-popover'
      }
    }
}
</script>

`。

问题：
-表格加载后，所有子组件也会被创建。
-在实例插槽不可用的情况下隐藏了加号按钮。单击红色垃圾桶按钮后，将再次出现加号按钮，但除非刷新页面，否则不会创建子组件弹出窗口。

所需：
仅在单击加号图标时才创建组件弹出窗口，而不是在此之前。

任何帮助将不胜感激。
谢谢