Как запустить JavaScript только после того, как LiveWire закончил обновление DOM? ⇐ Javascript

[Anonymous]

Я использую LiveWire 3.6.3 с диаграммой (ApexCharts).

на моем компоненте Livewire я отправляю событие: < /p>

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

$this->dispatch('update-chart', $this->report['chart_data']);
< /code>
и в JS я слушаю его: < /p>
document.addEventListener('livewire:init', () => {
Livewire.on('update-chart', (chartData) => {
renderChart(chartData[0]);
});
});

Это работает большую часть времени , но иногда событие запускает до того, как LiveWire закончил исправлять Dom , что заставляет мою диаграмму не рендеринг. Когда я жду и изменяю размер окна, диаграмма повторно поднимается и отображается правильно.

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

Livewire.on('update-chart', (chartData) => {
setTimeout(() => renderChart(chartData[0]), 50);
});

Вопрос:

in livewire v3.6.3, есть ли правильный способ прослушивания события после livewire полностью закончить/исправить Dom?


Подробнее здесь: https://stackoverflow.com/questions/797 ... ng-the-dom