Salesforce LWC, не может обновить переменную API на дочернем компоненте ⇐ Javascript

[Anonymous]

У меня есть родительский компонент с двумя вложенными дочерними компонентами: родитель ->

Код: Выделить всё

child1

->

Код: Выделить всё

child2

. родитель Отправка значений API вниз через Cold1 компонент и компонент Child2 . Parent также получает события от обоих дочерних компонентов. Очевидно, Child2 отправляет событие своему родителю, Child1 ; и Child1 пересылает событие в `parent. Таким образом, они могут общаться. Я распечатываю значение моего API Showmodal во всех трех HTML -файлах для каждого компонента. Только значение детских компонентов для Showmodal Показано начальное значение. Когда значение обновляется, значения детей не изменяются, а родительское значение никогда не показывает. Изменение даже никогда не доходит до Child1 .
Вы можете увидеть, что я попробовал ниже, после кода
pparent.html

Код: Выделить всё

{showModal}


< /code>
pparent.js
_showModal;
set showModal(value) {
this._showModal = value || false;
}

get showModal() {
return this._showModal;
}

saveEvent(event) {
this.showModal = {...this.showModal, Boolean:true};
// other things I've tried...
/*
this.showModal = true;
this.showModal = Object.assign({}, true);

in combination with this.showModal = true;...
this.dispatchEvent(new RefreshEvent());
*/
}
< /code>
child1.html
{showModal}


< /code>
child1.js
_showModal;
@api
set showModal(value) {
this._showModal = value || false;
}

get showModal() {
return this._showModal;
}
< /code>
child2.html
{showModal}

Hi, I'm a modal

< /code>
child2.js
_showModal;
@api
set showModal(value) {
this._showModal = value || false;
}

get showModal() {
return this._showModal;
}

Я экспериментировал с:

• Иметь значения на child1 & child2 be @api s без getters и setters
• waiftmodal on parent attrack
  
  Подробнее здесь: https://stackoverflow.com/questions/795 ... -component