Quasar + AmCharts Рендеринг задержки

Question

Я разрабатываю веб-приложение, используя квазар, и там я использовал AmCharts с Ax ios для API. Когда данные поступают из API, на странице отображается 5 ~ 6 диаграмм.

Проблема заключается в значительной задержке до отображения диаграмм после монтирования компонента. Я хотел бы показать загрузочный счетчик в это время.

Как я должен определить, что все компоненты закончили рендеринг? Или у меня есть какой-то другой способ преодолеть эту проблему?

Answer 1

nextTick () вызывается, когда DOM полностью обновляется (это означает, что компоненты отображаются снова). Вы можете попробовать это в своем компоненте диаграмм, watcher , который проверяет, когда API выбирается, при условии, что у вас уже есть компонент загрузчика, который показывает, только если переменная show установлена ​​в true:

watch:{
   values(newVal){
      this.nextTick().then(()=>{
         this.show= true;
      });
     }
}