Vue экран загрузки при загрузке компонента - PullRequest
Новая
       86

Vue экран загрузки при загрузке компонента

0 голосов
/ 10 июля 2020

Я использую Vue cli и vuex, и у меня есть компонент загрузки enet, который я хотел бы отображать, пока загружаются данные для каждой карточки профиля пользователя. Компонент загрузки выглядит так: 

<template>
  <div :class="{ loader: true, fadeout: !isLoading }">
<div id="load" >  Loading...</div>
  </div>
</template>

<script>
export default {
  name: "LoadingScreen",
  props: ["isLoading"]
};
</script>

Профиль пользователя выглядит так: 

<div class="top"  v-for="(item, index) in arrays" :key="item.id" v-bind:id="item.name">
    <div>  <p> {{ item.name }}</p> </div>

       <div class="wrapper" >
            <div class="a"><rate-displayer :rates="item.Info" /></div>
            <div class="b"><rate-displayer :rates="item.RR" /></div>

Индикатор скорости ( Как l oop поверх вложенного массива в vue и отображать данные каждые 5 секунд? ) перебирает массив в vuex, показывая каждый элемент в течение 5 секунд. Я хотел бы, чтобы компонент загрузки, который представляет собой экран загрузки , отображался, пока средство отображения скорости просматривает массив . Спасибо!

...