@Voindf

Как сгенерировать уникальный id для v-for?

Здравствуйте, есть массив
[
{
"name": "asdf",
"email": "fdsaasdf",
}
]

из него итерируется v-for, но как сгенерировать минимальный уникальный id для :key
типа 1 потом 2 потом 3 и тд...
  • Вопрос задан
  • 112 просмотров
Решения вопроса 4
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Если список не меняется:
<div v-for="(item, idx) in items" :key="`key${idx}`">

Если имя или email уникальные:
<div v-for="item in items" :key="item.name">
Ответ написан
Комментировать
используйте NanoID или uuid. Если не планируете удалять элементы списка, то можете использовать индексы. А можете использовать какое-нибудь из полей объекта. Например, email, если он не повторяется у нескольких пользователей
Ответ написан
Комментировать
firedragon
@firedragon
Senior .NET developer
Если на вас ругается среда то вы явно косячите.
Добавьте в ид в отдачу есть он у вас в базе, что вы жметесь
Ответ написан
Комментировать
alaskafx
@alaskafx
Не .do Frontend
В директиве v-for вы можете указать в виде второго параметра сам индекс, тому пример:
<div v-for="(item, index) in array" :key="index"> </div>

Где index - тот самый уникальный id элемента!
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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