У меня есть пользовательский элемент со свойством динамического элемента.Элемент имеет опцию удаления.Когда пользователь нажимает «удалить», CSS родителя этого элемента изменяется, и в то же время изменяются некоторые свойства этого элемента.
Если элемент обновляется, я хочу вернуть пользовательский элемент в исходное состояние.Прямо сейчас я могу думать только об обновлении CSS родительского элемента и свойств самого элемента вручную.
Я пробовал метод this.requestUpdate () при обновлении элемента.Кажется, не помогает.
Это то, что я нашел в документации, которая, как мне кажется, вызывает такое поведение. Затем lit-html гарантирует быстрое обновление, создавая статический DOM один раз и умно обновляя только те части DOM, которые меняются.
Пример
<parent-element class="deleted">
<my-element .item=${item1} .removable=false .restorable=true></my-element>
</parent-element>
После обновления элемента - фактическое DOM
<parent-element class="deleted">
<my-element .item=${item2} .removable=false .restorable=true></my-element>
</parent-element>
После обновления элемента - ожидаемое DOM
<parent-element>
<my-element .item=${item2} .removable=true .restorable=false></my-element>
</parent-element>
Я предполагаю, что это довольно общий сценарий, просто не могу обойти его, кроме ручного обновления, которое может стать грязным, если есть много свойств, которые нужно изменить.Любая помощь будет оценена.Спасибо.