Как получить индекс в v-for?

<div v-for="day in days">
  <div v-for="item in items" v-if="$index < 3 || showItem[$index]">
    {{ item }}
  </div>

  <a @click="change($index)">Show</a>
</div>

В ссылке я передаю $index от day.
Во вложенном div в v-if я показываю не более трех элементов, но есть условие ИЛИ - если showItem[$index] === true, то все равно надо показать элемент, по-умолчанию этот параметр равен false. И изменяется он по кнопке Show

В массиве showItem столько элементов, сколько в days. И вот незадача - мне надо в условие про showItem поставить $index от day - как это сделать?
  • Вопрос задан
  • 402 просмотра
Решения вопроса 1
cgi
@cgi
<div v-for="(day_index, day) in days">
  <div v-for="(item_index, item) in items" v-if="item_index < 3 || showItem[day_index]">
    {{ item }}
  </div>

  <a @click="change(day_index)">Show</a>
</div>

vuejs.org/guide/list.html#v-for
Примерно такой вариант, насколько я понимаю.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы