Hide String, если Child пуст после фильтрации списка v-for в VueJS - PullRequest
Новая
       20

Hide String, если Child пуст после фильтрации списка v-for в VueJS

0 голосов
/ 30 апреля 2020

Я застрял, пытаясь скрыть заголовок в vuejs. У меня есть v-for, который идет через месяцы, и он дает мне 12 дел в этом v-for, у меня есть еще один v-for с моими данными, у которых есть дата для каждого элемента

и с v-if, я сопоставляю месяц элемента с месяцем моего первого v-for и отображаю его.

Но я добавляю фильтр, и возможно, например, что в апреле нет данных после фильтрации.

Поэтому я попытался скрыть название месяца (date.nom в моем коде), которое находится в первом, если второе l oop пустое, но с v-if, div вне 2-го l oop на самом деле не пусто.

Я пытался найти qway, чтобы добавить его во второй v-for, но логически отображает имя в верхней части каждого элемента. может быть, есть способ показать его только для первого элемента? 

          <v-row v-for="(date,index) in dates" :key="date.id">
            <v-col cols="12" v-if="monthDate >= date.nombre">
              <span>{{date.nom}}</span>
            </v-col>
            <div v-for="(histo, index) in orderBy(itemsFiltered, 'date_publication', -1)" :key="index"">
              <div v-if="getYearDate(histo.date_publication) == year">
                <div v-if="getMonthDate(histo.date_publication) == date.nombre && monthDate >= date.nombre">

                  <v-col cols="12">
                    <div>
                      <div class="parent-img-histofull">

                        <img :src="histo.cover_medium" lazy class="img-album-histofull" />

                        <span >{{getDayDate(histo.date_publication)}}</span>

                      </div>
                    </div>
                  </v-col>
                </div>
              </div>
            </div>
          </v-row>
...