Содержимое шаблона дочернего компонента не отображается, если оно размещено в родительском компоненте. ⇐ CSS

[Anonymous]

Я использую Vue3 с опциями API, как показано в коде, опубликованном ниже. У меня есть дочерний компонент, и он размещен в родительском компоненте, как показано ниже.

Проблема в том, что во время выполнения, несмотря на то, что для showNotificationsWindowsContainer установлено значение true, NotificationsWindowsContainer.vue не отображается. Чтобы решить эту проблему, я включил в родительский компонент в с id, а затем во время выполнения появился NotificationsWindowsContainer.vue. Но я не хочу обертывать в родительском компоненте вокруг

Я хочу, чтобы родительский компонент размещал дочерний компонент, как показано в моем коде ниже.

Мой вопрос: почему код родительского компонента, показанный ниже, не может отображать содержимое

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

экспортировать по умолчанию { имя: 'NotificationsWindowsContainer', данные() { возвращаться { }; }, компоненты: {}, реквизит: { showNotificationsWindowsContainer: { тип: логический, по умолчанию: правда, }, }, вычислено: {}, методы: {}, }; @import '../../../map/assets/css/NDVIComparisonTab/Notifications/NotificationsWindowsContainer.css'; родительский компонент:

экспортировать по умолчанию { имя: 'NDVIComparisonGUI', данные() { возвращаться { showNotificationsWindowsContainer: правда, .... .... .... css дочернего компонента:

#idDivNotificationsWindowsContainer{ позиция: абсолютная; ширина: 500 пикселей; высота: 500 пикселей; z-индекс: 1; цвет фона: зеленовато-желтый; } упоминается в вопросе